尽管各种 JavaScirpt 框架和库层出不穷,jQuery 仍然是 Web 前端开发中最常用的工具库。今天,向大家分享我觉得在网站开发中10个简单实用的 jQuery 代码片段。
平滑滚动到锚点
这个功能很常见,在网站底部添加一个让访客快速回到页面顶部的功能,下面是实现这个功能的示例代码:
[code lang=”js”]
// HTML:
/……
jQuery 于 2013/1/15 正式发布了 1.9 版本,这个版本最值得关注的,不是又增加了什么新功能,而是它去掉了哪些东西!jQuery 1.9 删除和改动了不少过时的 API,升级后可能会导致现有的程序无法兼容,为此官方还一起发布了升级指南以及升级插件(jQuery Migrate)协助开发者平稳升级。
Query 1.9 是最后支持 IE 6/7/8 的版……
jui_pagination 是一款结合了jquery UI的分页插件,该分页插件和以往的不同,不光有数字页码按钮,而且还有滑动条来让我滑倒相应的页面。
官网:http://www.pontikis.net/labs/jui_pagination/
Demo:http://www.pontikis.net/labs/jui_pagination/demo/
预览图:
使用:
1、引入以下的js和css文件
[codesyntax lang=……
jQuery插件jQuery Image Scale Carousel能够简单的将一个图片数组转换一个照片放映器并支持利用向前和向后按纽控制浏览或者设置成自动播放。这个插件还能够将图片自动缩放至适当的比例以保持屏幕高宽比。
下面是运行截图:
官方下载地址:http://github.com/iamjpg/jQuery-Image-Scale-Carousel
该插件使用还是挺方便的……
HTMLBox,跨浏览器的,开源的HTML / XHTML文本基础上的jQuery库。通过了Mozilla Firefox , Inrernet浏览器, Netscape和Safari浏览器的测试。一体化的HtmlBox易于集成到CMS,论坛,留言板,博客中。
特点:
易于集成
兼容主流浏览器.
大小只有 15kb (最小 11kb )
支持XHTML输出.
支持Ajax的动态预览
有完整的用户手册,……
jquery的timers插件是一个依赖于jquery进行定时执行js的js代码,代码很短只有100多行的代码,不过十分好玩,jqueryTimer允许你使用毫秒数 “ms” “sd” “s” “das” “ws” “ks”
这样的时间单位来进行设置时间,确实很好玩的。
用法:
1. everyTime(i……
mousewheel是一款应用在jquery上的插件,该插件很好解决在不同浏览器上面鼠标滚轮事件。
最常见的两种绑定方式
// using bind
$('#my_elem').bind('mousewheel', function(event, delta) { //你的代码... });
// using the event helper
$('#my_elem').mousewheel(function(event, delta) { //你的代码.. });
参数说明:ev……