jQuery.lazyload延迟加载详解

jQuery实现图片延迟加载: <script type="text/javascript" src="/js/jquery.lazyload.js"></script> <script type="text/javascript"> $(function() { $("img").lazyload({ effect : "fadeIn" }); });...
Web前端开发 / / 5512次阅读

用3个步骤实现响应式网页设计

写在前面的话:随着移动设备的逐渐普及和Web技术的发展,跨端的Web开发需求将会越来越大。如何在多种设备上进行跨端的界面适配呢?我们可以利用CSS3的Media Query来实现。本文主要介绍了移动开发和CSS3结合,来进行多种分辨率适配的例子。 文中提到的响应式网页设计(Responsive web design)是一种现代网页设计方法,基于CSS3的媒介查询(Media Query)特性使得网页适应不同设备,即根据...
Web前端开发 / / 4351次阅读
用3个步骤实现响应式网页设计

10款无限滚动自动翻页加载的jquery插件

无限滚动自动翻页可以说是web2.0时代的一项堪称伟大的技术,它让我们在浏览页面的时候只需要把滚动条拉到网页底部就能自动显示下一页的结果, 改变了一直以来只能通过点击下一页来翻页这种常规做法。无限滚动自动翻页技术的鼻祖是微博的先驱:推特(twitter),后来必应图片搜索、谷歌图片搜 索、google reader等纷纷抄袭了这一项技术,于是靠滚动浏览器滚动条来翻页的技术慢慢在互联网上遍站开花。 要在自家的网站上实现自动翻页的...
Web前端开发 / / 7590次阅读

浏览器IE8 HACK介绍

‘\9’: eg:.test { color/*\**/: blue\9 } .header {width:300px;} /* 所有浏览器*/ .header {width/*\**/:330px\9;} /* 所有浏览器IE浏览器 */ .header {*width:310px;} /* IE7和IE6能识别,IE8和FF不能识别*/ .header {_width:290p...
Web前端开发 / / 4769次阅读

HTML5之新增标签用途及应用场景

新的页面结构以及宽松的语法规范,标签可以不用闭合,可以省略head,body等标签 <!DOCTYPE HTML> <meta charset="utf-8"> <title>无标题文档</title> <h1>标题</h1> 语义化标签 <header></header> 页眉 主要用于页面的头部的...
Web前端开发 / / 6020次阅读

实现点击返回网页顶部功能jQuery代码

html代码: <p id="back-to-top"> <a href="#top"><span></span>返回顶部</a> </p> 其中a标签指向锚点top,可以在顶部添加一个<a name="top"></a>的锚点,这样在浏览器不支持js时也可以实现返回顶部的效果了。 返回顶部按钮显示在右侧,...
Web前端开发 / / 5521次阅读

select下拉式友情链接列表自动跳转

下拉选择后,当前页面直接跳转: <select name="qq" onchange="javascript:location.href=this.value;"> <option selected="selected" >友情链接</option> <option value="http://neirong.org" selected="selected" >资源共享...
Web前端开发 / / 4835次阅读

jQuery 常用代码片段收藏

jQuery 嵌套的过滤器 过滤器可以有效对结果集就行过滤,最终得到我们想要的结果。例如下面代码就把结果集中包含有类 .selected 的元素给过滤掉了: .filter(":not(:has(.selected))"); jQuery 缓存选择器结果集 把结果集保存在变量中缓存下来,重用时就无需再次用选择器去选择了。 var allItems = $("div.item"); va...
Web前端开发 / / 4702次阅读

兼容IE6浏览器的jQuery实现边栏随滚动条固定

侧边栏随滚动条上下滚动,始终固定在一个位置的功能,现在很多网站和博客都有这个功能,部分购物网站用这个功能放购物车或商品分类导航,使产品页面很长的时候,侧边栏能始终固定发挥它应有的作用,有的网站用这个功能来边栏的广告。 jQuery代码: var rollSet = $('#Roll');// 检查对象,#sidebar-tab是要随滚动条固定的ID,可根据需要更改 var offset = rollSet....
Web前端开发 / / 4959次阅读

jQuery特效animate和scrollTop的使用实例

animate是jq的一个特效的函数方法,animate() 方法执行 CSS 属性集的自定义动画。 该方法通过CSS样式将元素从一个状态改变为另一个状态。 CSS属性值是逐渐改变的,这样就可以创建动画效果。 只有数字值可创建动画(比如 "margin:30px")。 字符串值无法创建动画(比如 "background-color:red")。 $('#shang').cl...
Web前端开发 / / 6102次阅读

DA空间面板压缩包上传后解压文件的方法

DirectAdmin空间控制面板很简洁,但功能并不简单。但由于界面布局的不同,所以习惯使用Cpanel空间控制面板和新手都不知道怎么使用。所以客户常问DA面板下怎么打包上传,然后怎么解压文件。 登陆DA面板后主界面,点击“文件管理器”,如果空间下只有一个站点,就直接点击“public_html"进入该目录,在窗口底部点击“上传文件到当前文件夹”,点击其中一个“浏览”,选择在本地(你的电脑)的压缩包,然后再点击“上传文...
乱七八糟 / / 4650次阅读