jQuery实现图片延迟加载： <script type="text/javascript" src="/js/jquery.lazyload.js"></script> <script type="text/javascript"> $(function() { $("img").lazyload({ effect : "fadeIn" }); }); </script> 其中img是延迟加载所有图片，也可以根据不同需要作相应改动，比如可以改成#post img，这样只延迟加载#post 容...
写在前面的话：随着移动设备的逐渐普及和Web技术的发展，跨端的Web开发需求将会越来越大。如何在多种设备上进行跨端的界面适配呢？我们可以利用CSS3的Media Query来实现。本文主要介绍了移动开发和CSS3结合，来进行多种分辨率适配的例子。 文中提到的响应式网页设计（Responsive web design）是一种现代网页设计方法，基于CSS3的媒介查询（Media Query）特性使得网页适应不同设备，即根据设备的分辨率和缩放自动重新布局。 响应式网页设计现在无疑是一件大事情。如果你还不了解响应式设计，可以看看我最近发表的响应式站点列表（译者注：可以好好...
无限滚动自动翻页可以说是web2.0时代的一项堪称伟大的技术，它让我们在浏览页面的时候只需要把滚动条拉到网页底部就能自动显示下一页的结果， 改变了一直以来只能通过点击下一页来翻页这种常规做法。无限滚动自动翻页技术的鼻祖是微博的先驱：推特(twitter)，后来必应图片搜索、谷歌图片搜 索、google reader等纷纷抄袭了这一项技术，于是靠滚动浏览器滚动条来翻页的技术慢慢在互联网上遍站开花。 要在自家的网站上实现自动翻页的功能并不复杂，twitter面向开发者提供了相关的api，而且已经有人开发了相关的jquery插件，让我们可以事半功倍，下面老k为你列举一下这些无限滚动jque...
‘\9’: eg:.test { color/*\**/: blue\9 } .header {width:300px;} /* 所有浏览器*/ .header {width/*\**/:330px\9;} /* 所有浏览器IE浏览器 */ .header {*width:310px;} /* IE7和IE6能识别,IE8和FF不能识别*/ .header {_width:290px;} /* IE6能识别，IE7、IE8和FF不能识别*/ 利用条件注释语句：<!–[if IE]> 此内容只有IE可见 <
绝对定位（position:absolute;）的相邻元素margin-top失效，但如果相邻元素(layer3)去掉width属性，margin-top又会生效，首先我们来看一个代码： <div id="layer1″ style=”margin:20px; border:1px solid #F88; width:400px;"> <div id="layer2" style="position:absolute; background-color:#ccc;"> Absolute (layer2) </div> &...
animate是jq的一个特效的函数方法，animate() 方法执行 CSS 属性集的自定义动画。 该方法通过CSS样式将元素从一个状态改变为另一个状态。 CSS属性值是逐渐改变的，这样就可以创建动画效果。 只有数字值可创建动画（比如 "margin:30px"）。 字符串值无法创建动画（比如 "background-color:red"）。 $('#shang').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);}); 表示滚动条跳到0的位置，...
DirectAdmin空间控制面板很简洁，但功能并不简单。但由于界面布局的不同，所以习惯使用Cpanel空间控制面板和新手都不知道怎么使用。所以客户常问DA面板下怎么打包上传，然后怎么解压文件。 登陆DA面板后主界面，点击“文件管理器”，如果空间下只有一个站点，就直接点击“public_html"进入该目录，在窗口底部点击“上传文件到当前文件夹”，点击其中一个“浏览”，选择在本地（你的电脑）的压缩包，然后再点击“上传文件”，等待压缩包上传完毕后，再次进入“public_html”目录，这时该目录中多了一个文件，便是你上传的压缩包。 文件列表中，该压缩包文件名后面有...