YAOHAIXIAO.COM

HTML(5),CSS(3),JavaScript,DOM,Ajax,JSON,Front-end technologies & Yaohaixiao

热门标签:JavaScript Performance 前端开发 前端性能优化 原创

Rss

Home » Frontend » JavaScript » Archive by category "jQuery"

jQuery API 教程 – add() 方法详解

jQuery API 教程 – add() 方法详解

jQuery 官方的 API 文档 Description: Add elements to the set of matched elements. 描述:向匹配的元素集合中添加元素 version added: 1.0.add( selector ) selector Type: Selector 参数类型: 选择器 A string representing a selector expression to find additional elements to add to the set of matched elements. Selector为一个选择器字符串,将这个选择器匹配的元素添加到匹配的元素集合。 versio… [阅读全文]

jQuery 1.9.1 的改变,没有了 $.browser 转而使用 $.support

jQuery 1.9.1 的改变,没有了 $.browser 转而使用 $.support

这两天看到 jQuery 升级到了 1.9.1 于是把自己网站的 jQuery 也升级了。但是发现以前的 $.browser 属性没有了。原来新的 jQuery 1.9.1 不再支持这个方法了。转而推荐使用 $.support。引用 jQuery 官方网站的说法: Rather than using $.browser to detect the current user agent and alter the page presentation based on which browser is running, it is a good practice to use feature detection. To make thi… [阅读全文]

Infinite Scroll & Masonry–jQuery 瀑布流布局插件实例

Infinite Scroll & Masonry–jQuery 瀑布流布局插件实例

程序简介: Infinite Scroll & Masonry是两个非常不错的 jQuery 插件,利用这两个插件我们就可以很容易的实现时下流行的瀑布流布局。作为商品展示和图片分享展示,这个效果是再合适不过了。看看效果吧: // 调用代码 (function(){ function item_masonry(){ $(‘.item img’).load(function(){ $(‘.infinite_scroll’).masonry({ itemSelector: ‘.masonry_brick’, columnWidth: 226, gutterWidth: 15 }); }); $(‘.infinite_scroll… [阅读全文]

利用 jQuery.lazyload 插件优化 WordPress 的 Gravatar 评论图片和特色图片加载

利用 jQuery.lazyload 插件优化 WordPress 的 Gravatar 评论图片和特色图片加载

这几天一直都在想办法优化 BlueNight 主题的前端性能和增加适当的交互程序提高用户体验。今天就来介绍一下如何利用 jQuery.lazyload 插件来优化WordPress 的 Gravatar 评论图片和特色图片加载。利用jQuery.lazyload 插件懒加载页面中的图片,从而提升页面的响应速度,优化一下WordPress 的前端性能。 什么是 lazyload? 优势 首先还是介绍一下什么是 lazyload,或者说为什么使用 lazyload?lazyload 直接翻译过来就是懒加载,是利用 JavaScript 程序动态的加载图片的一个特效。这个效果的特殊之处是可以做到当用户的鼠标滚动到快要看到图片的时候,才开始… [阅读全文]

JavaScript 实例教程 – jQuery 实现返回顶部效果

JavaScript 实例教程 – jQuery 实现返回顶部效果

Back to Top – 目前很多网站都使用的一个实用的效果,在页面内容比较长的页面时,用户浏览内容(窗口滚动条)到一定位置时,在内容主题部分的右边会有一个“返回顶部”的按钮,用户点击这个窗口就自动滚动到页面顶端。这个交互设计对提高用户的浏览体验确实有帮助,那么怎么实现呢?今天我就来讲讲如何实现这个效果。 返回顶部按钮的 XHTML 代码 示例1:Back to Top Downloads:backtop.zip 我们看到效果图,返回顶部按钮是显示在主体内容的外边。不过显示在外面,并不代表这个按钮的代码在内容之外,而实际上它应该写在主体内容页脚(footer)里面的: <div class=”wrap foote… [阅读全文]