CSS+HTML - 随笔分类 - .雷子.

团购类网站倒计时的js实现

摘要：一、如火如荼的团购网站根据易观国际提供的统计数据，截至2010年6月，中国市场团购网站数量已经突破400家。国内团购潮从今年2月份开始出现，在4~6月出现高峰，尤其是今年5月，一些大的网站如爱帮网、开心网都加入到团购中来，F团、团宝、酷团、515团购、1288团购、拉手、24券、满座、窝窝、满堂网、糯米网、第一团购等也纷纷上线。预计年底，我国团购类网站的数量将达到1000多家，甚至有业内人士称“一天之内会有三到五家新的团购网站诞生”。俗称“千团大战”。据说王兴的美团网上线4个月就盈亏平衡了，还有，貌似企鹅、点评也来插足了。不过这类团购网站是死是活、孰好孰坏不管我鸟事，我所关心的是一些让我阅读全文

posted @ 2012-08-30 09:43 .雷子. 阅读(697) 评论(0) 推荐(0)

如何去除GridVIew的边框从分析客户端入手

摘要：如何去除GridVIew的边框从分析客户端入手vs 的一大好处就是就是有很多可以可以直接拖拽的控件，少了我们去敲代码来实现相似的功能，但是同时由于某些操作或多或少的会产生写废码，就是生成一些没用的代码，甚至有些会影响我们的程序。今天就将一个例子，是用GridView产生废码的清除。这次我们从客户端生成的html分析一下。具体的问题是GridView出现边框，当然在不同的浏览器中显示可能不太一样，就是我们想去掉GridView的边框，我们先不去着急修改GridView中的属性，我们先看一看客户端生成的html代码，这是GridView生成的table<table cellspacing 阅读全文

posted @ 2012-08-23 16:09 .雷子. 阅读(733) 评论(0) 推荐(0)

在IE6 情况下让PNG图片透明的3种方法

摘要：FF和IE7已经直接支持透明的png图了,下面这个主要是解决IE6下透明PNG图片有灰底的=============================================================================此效果简单，。。。。相当不错推荐style="FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/fl.png')"语法：filter : progid:DXImageTransform.Microsoft.AlphaImageLoader 阅读全文

posted @ 2012-08-22 14:58 .雷子. 阅读(243) 评论(0) 推荐(0)

IE兼容问题整理

摘要：前言：本文试图整理web前端开发过程中常见的一些IE、FF等浏览器的兼容问题，并对其中的一些问题给出了分析的连接，让读者更好的理解问题出现的原因并加深印象。读者可以从右侧目录中跳读本文的部分内容。1.超链接访问过后hover样式就不出现的问题被点击访问过的超链接样式不在具有hover和active了,很多人应该都遇到过这个问题,解决方法是改变CSS属性的排列顺序: L-V-H-A ，扩展：CSS优先级浅析2.FireFox下如何使连续长字段自动换行众所周知IE中直接使用 word-wrap:break-word 就可以了, 从CSS3.0开始，FF和webkit核心的浏览器也支持此属性，因此我阅读全文

posted @ 2012-08-13 13:56 .雷子. 阅读(331) 评论(0) 推荐(0)

14 个使用 jQuery 开发的模拟、数字时钟

摘要：14 个使用 jQuery 开发的模拟、数字时钟1. CoolClock in jQueryCoolClock 是一个可定制的 jQuery 模拟时钟，使用 SVG 绘制，提供多种外观选择，同时支持数字时钟。Read MoreDemo2.Analog JQuery clock在该教程中，通过使用 jQuery 和一个名为 jQueryRotata 插件绘制一个模拟时钟。Read MoreDemo3. jDigiClockjDigiClock 是一个jQuery插件，主要灵感来自于 HTC 手机的时钟小程序Read MoreDemo4. Old School Clock with CSS3 an 阅读全文

posted @ 2012-08-06 17:31 .雷子. 阅读(275) 评论(0) 推荐(0)

关于图片批量上传的问题

摘要：网上搜了一下 http://www.uploadify.com/ 但是没有图片预览感觉很不爽不过感觉网易相册的那种很好不知道是怎么做的谁知道啊 . 阅读全文

posted @ 2011-10-10 11:58 .雷子. 阅读(332) 评论(2) 推荐(0)

jQuery 1.6 正式版发布附下载

摘要：据jQuery官方博客5月3日的最新消息，jQuery 1.6 正式版已经可以下载使用。jQuery 1.6 版本包括了对属性(Attribute)模型的重要重写，还有诸多性能优化。借此机会感谢jQuery开发团队和jQuery错误分类团队的成员。可以从这里下载jQuery 1.6：http://code.jquery.com/jquery-1.6.jshttp://code.jquery.com/jquery-1.6.min.jsMicrosoft CDN 下载: http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.min.jsjQuery的官方阅读全文

posted @ 2011-05-04 18:07 .雷子. 阅读(364) 评论(0) 推荐(0)

28个经过重新设计的著名博客案例（1-10）

摘要：这篇文章向大家展示28个非常有名的博客经过重新设计后样子，并与旧版的设计进行对比，希望能为大家提供网站重新设计的一些参考。同时，这些网站都是Web领域很著名的博客，有丰富的Web设计和开发方面的资源、教程和资讯，大家记得收藏起来哦。(点击以下图片可打开链接)相关文章：28个经过重新设计的著名博客案例（11-20）28个经过重新设计的著名博客案例（21-28）1. WebDesignerWall 2. Veerle’s Blog 3. Tutorial9 4. UX Booth 5. Inspired Magazine 6. Lord Likely 7. Fudge Graphics 8. Wo 阅读全文

posted @ 2011-05-04 18:03 .雷子. 阅读(281) 评论(2) 推荐(0)

28个经过重新设计的著名博客案例（11-20）

摘要：这篇文章向大家展示28个非常有名的博客经过重新设计后样子，并与旧版的设计进行对比，希望能为大家提供网站重新设计的一些参考。同时，这些网站都是Web领域很著名的博客，有丰富的Web设计和开发方面的资源、教程和资讯，大家记得收藏起来哦。本文介绍第11至20个。(点击以下图片可打开链接)相关文章：28个经过重新设计的著名博客案例（1-10）28个经过重新设计的著名博客案例（21-28）11. Franscesco Mugnai 12. 1stWebdesigner 13. The Design Buzz 14. Onextrapixel 15. Abduzeedo 16. Usability Pos 阅读全文

posted @ 2011-05-04 18:02 .雷子. 阅读(175) 评论(0) 推荐(0)

了解CSS的查找匹配原理让CSS更简洁、高效

摘要：看1个简单的CSS：DIV#divBox p span.red{color:red;}，按习惯我们对这个CSS 的理解是，浏览器先查找id为divBox的DIV元素，当找到后，再找其下的所有p元素，然后再查找所有span元素，当发现有span的class为red的时候，就应用该style。多么简单易懂的原理，可是这个理解却是完完全全相反、错误的。匹配原理：浏览器CSS匹配不是从左到右进行查找，而是从右到左进行查找。比如之前说的 DIV#divBox p span.red{color:red;}，浏览器的查找顺序如下：先查找html中所有class='red'的span元素，找到阅读全文

posted @ 2011-05-04 17:59 .雷子. 阅读(364) 评论(0) 推荐(1)

jquery-autocomplete

摘要：jquery-autocomplete 像百度 google的文本提示 jquery插件一、用前必备当前版本：1.0.2需要JQuery版本：1.2.6二、使用<script src="./jquery-1.3.2.js" type="text/javascript"></script><script src="./jquery.autocomplete.js" type="text/javascript"></script><link rel="s 阅读全文

posted @ 2011-04-28 12:47 .雷子. 阅读(668) 评论(0) 推荐(0)

学习 jQuery下拉框,单选框,多选框整理

摘要：获取一组radio被选中项的值varitem=$('input[@name=items][@checked]').val();获取select被选中项的文本varitem=$("select[@name=items]option[@selected]").text();select下拉框的第二个元素为当前选中值$('#select_id')[0].selectedIndex=1;radio单选组的第二个元素为当前选中值$('input[@name=items]').get(1).checked=true;获取值：文本框，文本区阅读全文

posted @ 2011-04-28 12:45 .雷子. 阅读(2893) 评论(0) 推荐(0)

juqery 学习之六 CSS--<css、位置、宽高>

摘要：css(name)访问第一个匹配元素的样式属性。Return a style property on the first matched element.返回值String参数name (String) : 要访问的属性名称示例取得第一个段落的color样式属性的值。 jQuery 代码:$("p").css("color"); ------------------------------------------------------------------------------------------------------------------ 阅读全文

posted @ 2011-02-10 16:03 .雷子. 阅读(369) 评论(0) 推荐(0)

JAVASCRIPT 对象用法-（offset screen scroll client）

posted @ 2011-01-23 17:03 .雷子. 阅读(494) 评论(0) 推荐(0)

关于鼠标点击其他地方隐藏层的实例（要引入jquery包哦）

摘要：关于鼠标点击其他地方隐藏层的实例（要引入jquery包哦）阅读全文

posted @ 2011-01-23 16:56 .雷子. 阅读(1576) 评论(0) 推荐(0)

Google page-speed优化首页加载速度详解

摘要：本文所分析的重点是网页的加载速度，对于网页加载速度的分析，Google提供了page-speed工具，可以提供详细的网页加载速度的优化报告。阅读全文

posted @ 2011-01-22 17:22 .雷子. 阅读(545) 评论(0) 推荐(0)

th scope="row"和th scope="col"什么意思？？

摘要：把表头和数据联系起来：scope，id，headers属性就我用到现在，很多表格要比上面提供的例子复杂的多。让例子复杂一点，我会移去“Company”表头，并且把第一列的数据移到表头单元格里：Table 1: Company dataEmployeesFoundedACME Inc10001947XYZ Corp20001973Table 1: Company data Employees FoundedACME Inc 1000 1947XYZ Corp 2000 1973在这个表格里，每一个数据单元格都有两个表头。最简单的方法让那些非可视的浏览器理解这个表格，就是为每个表头添加一个scop 阅读全文

posted @ 2011-01-21 17:56 .雷子. 阅读(6022) 评论(0) 推荐(0)

css总结

摘要：下面是CSS最常用和实用的技巧。 1.重置浏览器的字体大小重置浏览器的默认值，然后重设浏览器的字体大小你可以使用雅虎的用户界面重置的CSS方案，如果你不想下载9MB的文件，代码如下： body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:... 阅读全文

posted @ 2010-11-22 16:09 .雷子. 阅读(248) 评论(0) 推荐(0)

IE中的z-index BUG问题

摘要：问题：怎么父元素同是relative,子元素同是absolute层，在IE中z-index值小的排在值大的上面呢，其它浏览器则正常表现，有什么hack可以解决呢？HTML code<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tran... 阅读全文

posted @ 2010-11-18 10:52 .雷子. 阅读(588) 评论(2) 推荐(1)

随笔分类 - CSS+HTML

公告