1. Chrome Style jQuery Image Gallery 一款用于实现漂亮的Chrome风格图片画廊的 jQuery 插件，在线演示2. Awkward Showcase 使用这款插件可以实现各种内容的幻灯片展示效果，例如文本、图片、视频等等，在线演示3. Waypoints 这款插件可以让你实现当滚动到某个目标元素的时候执行特定的动作，例如回到顶部，在线演示4. bxSlider 这是一个内容滑块和图片幻灯片展示插件，可自定义很多参数，在线演示5. A simple accordion menu 这是...
js部分是这样的: 代码如下: //**********************图片上传预览插件************************ //作者：IDDQD(2009-07-01) //Email：iddqd5376@163.com //http://blog.sina.com.cn/iddqd //版本：1.0 //说明：图片上传预览插件 //上传的时候可以生成固定宽高范围内的等比例缩放图 //参数设置： //width 存放图片固定大小容器的宽 //height 存放图片固定大小容器的高 //imgDiv 页面DIV的JQuery的id //imgType 数组后缀名 //*****...
Easy Slider（在线演示） Horinaja Slide Show Plugin For jQuery（在线演示） Creating Your Own Slider Plugin（在线演示） Slick Accessible Slideshow（在线演示） Sliding Boxes and Captions with jQuery Tutorial（在线演示） Supersized（在线演示） Blog SlideShow（在线演示） EOGallery（在线演示） Smart Gallery SlideShow（在线演示） Ultimate Fade In Slide Show（在线演示）
作者: think8848（公司主页: http://www.cleversoft.com, QQ: 166156888, Blog: http://think8848.cnblogs.com) 转载请保留此信息CleverTabs是一款jQuery插件，所需jQuery版本:1.6.1，jQuery UI样式版本:1.8.13；其功能为创建jQuery UI风格的Tab用于显示iframe。 本示例中符加了jQuery.contextMenu插件，我修改了其样式，使用了jQuery UI的皮肤 效果如下图: 初级应用示例： HTML代码: Javascript代码: 代码如下: $(function ()...
最近在学习jquery,看了几天，决定做个小东西练练手。入门级的可以看看。 先看下面这个小东西有什么功能，有模有用。功能：当你鼠标悬浮在你的html元素上面的时候，它会显示一个help说明性的label。效果图：原始：当你的鼠标悬浮在单击我吧1时：当你的鼠标悬浮在textbox时：看了效果图，若是有兴趣的话，仔细看看代码吧，代码有注释 html 代码: 代码如下: $(document).ready(function () { $("#d").HelpTextFn({ helpText: ...
效果如下 原表格:col0 col1 col2 col3SuZhou 11111 22222 SuZhouCitySuZhou 33333 44444 SuZhouCitySuZhou 55555 66666 SuZhouCityShangHai 77777 88888 ShangHaiCityShangHai uuuuu hhhhh ShangHaiCityShangHai ggggg ccccc ShangHaiCityGuangZhou ttttt eeeee GuangZhouCityGuangZhou ppppp qqqqq GuangZhouCity 处理之后的样子: col0 col1 col2 col3SuZhou 11111 22222 SuZhouCity33333 4444455555 66666ShangHai 77777 88888 ...
可以一个页面中创建多个弹出窗，被选中的弹出窗会加亮显示，在同一网页中可以有多个弹出窗口，也可以通过双击窗口实现最大化，跟windows像极了。如果想要做一个类似操作系统的页面，用这个插件是完全可以实现的。兼容多种主流浏览器。 最基础的调用方法： 代码如下:$(#YourContainerDiv).AeroWindow((WindowTitle:hello world,)); 带全部参数的调用： 代码如下: $(#YourContainerDiv).AeroWindow({ WindowTitle: My first very ...
我在源码里给出了注释,有什么不足之处后或者可以改进的地方, 希望能够大家留言探讨... 效果图(比较朴素): 代码如下: ;(function($) { $.fn.roller = function(options) { var opts = $.extend({}, $.fn.roller.defaults, options), // 通过循环队列来管理滚动信息 itemQueue = new Array(); return this.each(function(index) { var $div = $(this).addClass(roller-container); // 用给定的数组进行初始化 if(opts.items && Util...
例如：1.0 => 1.0.0；1.1 => 1.1.0 1、增加jQuery版本提示： 2、增加event事件智能提示；3、增加delegate和undelegate 智能提示 delegate(, 或undelegate(, 4、增加延迟对象智能提示Deferred()/deferred 5、增加了两个Beta版本 API link和unlink 6、xml文件中使用多个menugroup分组便于后期维护 ----------------------------------------------------------------------------------- 1.2.0 1.0.0 打包下载 --------------------...
作者：Chris Spooner翻译：Terry li - GBin1.com英文： jQuery Plugins for Styling Checkbox & Radio Buttons web开发中所有的输入控件中复选框和单选框的样式是最难去设计的，因为不同的浏览器及其操作系统对于样式的渲染展现是不一样的。但是在jQuery的帮 助下我们可以整体的改变他们的样式。这里我们将介绍12款实用的美化插件来帮助大家设计简单直白的按钮设计，或者时尚的Iphone类型的开关按钮。Fancy checkboxes and radio b...
第一步：建立工作区间 首先，我们要位我们这个教程建立一个工作区间，建立如图所示的文件层次结构，以及新建相应的空文件。 [/code] style.css 代码如下: * { margin : 0; outline : 0; padding : 0; } /*初始化网页样式*/ body { background-color : #ededed; color : #646464; font-family : 'Verdana', 'Geneva', sans-serif; font-size : 12px; text-shadow : 0 1px 0 #ffffff; } h1 { font-size : 24px; font-weight : norma...
首先还是来看一下运行效果如图1所示。 该插件使用步骤 一、引入css文件 首先页面引入css样式文件‘votecss.css'，他是投票结果正常显示必不可少的。具体代码如下所示： 二、引入jQuery的就是源文件 该插件是以jQuery为基础的所以引入jQuery插件是必须的具体代码如下： 三、引入投票插件 引入自己开发的投票插件“Studyplay_vote.js”，具体代码如下所示： 四、页面调用 首先在页面中添加一个ID为‘z'的div元素，编写JavaSc...
首先看一下运行效果如下图所示。 鼠标移到星星上该星星前面的所有星星全部变亮，鼠标单击将记录点击的星星数，前面的所有星星将变亮。一、原理 本程序的原理是这样的：一个“ul”标签，该标签的背景为灰色的星星，控制“ul”标签的宽度显示星星的数量。例如：一个星星图片的宽度为23px，那么要显示10个星星，则“ul”的宽度为230px就可以显示10个星星。 n个“li”标签，n表示您要显示星星的个数，例如你要显示10个星星那么将有10个...
jQuery Scroll Follow 随屏幕滚动的层 点击查看Demo jScrollPane 自定义滚动条插件 点击查看DemojQuery树状菜单插件 jqueryflexselect下拉框自动提示jQuery id标签 - 8种不同的很酷的JQuery菜单例子jQuery ContextMenu；轻量级JQuery插件，可以自定义右键弹出的菜单 jQuery Flash Plugin-这个 jQuery插件可以让你嵌入Flas***** jQuery Media Plugin- 这个播放器插件几乎可以播放任何格式的多媒体文件,包括Flash, Quickti...
滑块和幻灯片效果是常用的内容展示方式之一，这是一种在有限的网页空间内展示系列项目时非常好的方法。今天这篇文章就与大家分享20个非常棒的 jQuery 幻灯片插件和教程。 > Slider Gallery with jQueryCreate an Image Rotator with Description (CSS/jQuery)Create a Slick and Accessible Slideshow Using jQuerySimple JQuery Image Slide Show with Semi-Transparent CaptionAnimate Panning Slideshow with jQueryCreate Bea...