SimpleModal是一款提供功能强大的弹出模拟对话框jQuery插件，也就是一款jquery弹窗插件，该插件使用简单，操作容易，窗体API定义丰富。 插件官方页面：http://www.ericmmartin.com/projects/simplemodal/ 插件演示地址：http://www.ericmmartin.com/projects/simplemodal-demos/ 插件下载页面：http://code.google.com/p/simplemodal/downloads/list 使用教程： 插件提...
通过jquery的resize()函数给网页添加随窗口变化的动态效果，在IE8中测试发现resize()函数外的其它动态效果会重复执行两次，百度发现，在IE6、IE7、IE8浏览器下，jquery resize()函数会执行多次，分别是IE7 触发3次，IE8 触发2次，IE9 触发1次，解决方法是添加老外针对该问题制作的一个jquery插件即可。 插件页面：http://benalman.com/projects/jquery-resize-plugin/ （大小1.0k） 下载后，添加在jquery.js引用文件下面即可解决问题。
$(window).load(function() { $('.flexslider').flexslider({ animation: "fade", //String: Select your animation type, "fade" or "slide"图片变换方式：淡入淡出或者滑动 slideDirection: "horizontal", //String: Select the sliding direction, "horizontal" or "vertical"图片设置为滑动式时的滑动方向：左右或者上下 slidesho...
Coin Slider是款很小巧，简单易用，具有多种图片过渡效果的jquery幻灯片插件。 使用方法： 下载插件：http://pan.baidu.com/s/1pJNriFD 引用文件： <script type="text/javascript" src="jquery-1.4.2.js"></script> <script type="text/javascript" src="coin-slider.min.js"></script> <link rel="sty...
加上一个文章浏览记录区域，用户在这里找到最近他在这个网站看过的几个文章，通过这个功能可以挽留一下读者，比如: 某人经常通过搜索引擎进来网站，可能发现以前在这里也看过一些文章，比较合他口味，久而久之就能发展成常客。 实现原理 这个功能实现非常简单，平白一点来说就是找个地方将页面一些信息保存起来，如果页面两次被访问，新的内容覆盖掉旧的内容；在页面加载的时候，将保存的信息取出显示。 实现方法也很多，最土的是将内容保存在 cookie 中，但用 cookie 储存数据存在一些问题. 比如: cookie 是随 HTTP 响应一起被发送的, 会对服务器端响...
插件下载：http://pan.baidu.com/s/1o6t0v7W 引入jquery.js和插件后，JS代码： $(document).ready(function(){ $('#icontent').infinitescroll({ //#indexpost 是包括所有文章的div元素id navSelector : "#navigation", // 页面分页元素(成功后隐藏) nextSelector : "#navigation a", // 需要点击的下一页链接 itemSelector : "#icontent div.post" ...
前面有介绍几种随滚动条固定滚动的jquery代码： jQuery判断div随滚动条滚动到一定位置后停止 兼容IE6浏览器的jQuery实现边栏随滚动条固定 jQuery实现页面滚动时层智能浮动定位（随滚动条滚动） 下面再介绍几种，实现的效果大同小异，只是代码有些差异，可以用来参考学习： 效果一： jQuery代码： //侧栏跟随 (function() { var oDiv = document.getElementById("float"); var H = 0, iE...
在淘宝商品详情页面上，当我们下拉滚动页面时，用来导航切换的“宝贝详情”、“交易详情”等一排按钮会一直出现在浏览器顶部，方便我们切换导航，以淘宝网商品详情的简易导航为例，分享通过jQuery和CSS实现页面元素（要浮动的层）智能定位的效果。 实现过程 Js侦听滚动事件，当页面滚动的距离（页面滚动的高度）超出了对象（要滚动的层）距离页面顶部的高度，即要滚动的层到达了浏览器窗口上边缘时，立即 将对象定位属性position值改成fixed（固定）。同时为了有个好点的体验效果，可以将对象的样式设置阴影效果以便更好的区分浮动层与页面内容主体。 ...
现在流行的瀑布流效果的jQuery插件，可以实现图片和文本的瀑布流效果： 插件下载：http://pan.baidu.com/s/1hq5NxVu
无限滚动自动翻页可以说是web2.0时代的一项堪称伟大的技术，它让我们在浏览页面的时候只需要把滚动条拉到网页底部就能自动显示下一页的结果， 改变了一直以来只能通过点击下一页来翻页这种常规做法。无限滚动自动翻页技术的鼻祖是微博的先驱：推特(twitter)，后来必应图片搜索、谷歌图片搜 索、google reader等纷纷抄袭了这一项技术，于是靠滚动浏览器滚动条来翻页的技术慢慢在互联网上遍站开花。 要在自家的网站上实现自动翻页的功能并不复杂，twitter面向开发者提供了相关的api，而且已经有人开发了相关的jquery插件，让我们可以事半功倍，下面老k为你列举一下这些无限滚动jque...
幻灯片是网站最常使用的网页效果之一，KinSlideshow幻灯片插件非常好用，需要元素结构简单，CSS基本不需要作多改动，只需要设置调用函数，即可实现超炫的轮播效果！兼容IE6/IE7/IE8/IE9,FireFox,Chrome*,Opera的 jQuery. KinSlideshow幻灯片插件，功能很多，基本能满足在网页上使用幻灯片(焦点图)效果。 KinSlideshow默认设置效果代码： jQuery： $(function(){ $("#KinSlideshow").KinSlideshow(); }) ...
Wookmark jQuery插件大致使用position:absolute来重构内容实现瀑布流布局！ 下载插件后，在网页中引用插件的JS文件： <script src="jquery-1.8.2.min.js"></script> <script src="jquery.wookmark.min.js"></script> HTML代码结构： <div id="main"> <ul id="tiles"> <li><img src="images/1.jpg"&g...