jquery.timelinr.js是一款效果非常炫酷的jQuery时间轴插件。jquery.timelinr可以制作水平和垂直时间轴效果，并且可以进行自动播放。你可以通过参数来控制每次时间轴切换的动画效果。 推荐阅读：之前分享过一款 jQuery实现企业发展简史时间轴特效源码 ，它的界面展示效果很不错。效果展示 源码下载使用方法 使用该时间轴插件需要在页面中引入jQuery和jquery.timelinr.js文件。HTML结构 该时间轴插件的基本HTML结构如下：date1...
本文实例讲述了jQuery simplePage+AJAX plus分页插件。分享给大家供大家参考，具体如下：simplePagehtml,body{ margin:0 auto; text-align:center; } .main{ font:12px/24px "Microsoft YaHei"; height:1000px; } #page{ margin:100px auto; width:960px; text-align:center; } #page a{ text-decoration:none; display:inline-block; height:24px; padding:0 8px; border-radius:3px; background-color:#DEF39E; color:#8CAC2C; t...
最近在工作中需要用到地址选择器，像下面这样的，本想在网上找一个，可是没找到，于是自己写了个jquery插件。直接上代码吧：var provinces = {"A": {"安徽":["合肥市","芜湖市","蚌埠市","淮南市","马鞍山市","淮北市","铜陵市","安庆市","黄山市","滁州市","阜阳市","宿州市","巢湖市","六安市","亳州市","池州市","宣城市"]},"B": {"北京": ["北京市"]},"C": {"重庆":["重庆市"]},"F": {"福建":["福州市","厦门市","莆田市","三明...
EasyDrag 是一个用来实现页面元素拖拉的 jQuery 插件。 在没遇到easydrag插件之前，想实现一个弹出框并不是一件轻而易举的事情！ 人们常说没有不劳而获的事情，但在编码的世界中却不是这样。更多的开源框架方面了我们，也毒害了我们！ 废话少说，先看效果：全部代码：easydrag实现可拖动的DIV弹出框 /* 重置浏览器默认样式 */ body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,l...
使用jquery拖拽排序插件制作拖拽排序效果是一款非常实用的鼠标拖拽布局插件。效果图如下：效果演示 源码下载 html代码：水平拖拽1 2 3 4 5$(function(){ $('.demo').dad(); });body { margin: 0; border-left: 200px solid #ccc;} h1 { width: 1000px; margin: 40px auto; font: 32px "Microsoft Yahei";} .demo { width: 1000px; margin: 0 auto;} .menu { position: absolute; left: 0; top: 0; bottom: 0; width: 200p...
jquery.formLocalStorage 是一个实现通用表单暂存功能的jquery插件 原理： 监控表单域变化，并使用HTML5 WebStorage中的localStorage来存储这些有变化的表单域的值，并在从新加载表单时将存储的值载入回表单域中，从而实现暂存功能。 功能特点： 1.不使用服务器端存储，节省服务器资源。 2.代码简练，使用默认配置的话只需一小段代码 $("#your_form_id").formLocalStorage(); 即可搞定，无需写一大坨服务器端逻辑。 3.丰富的配置项...
本文实例讲述了jquery插件jquery.LightBox.js实现点击放大图片并左右点击切换效果。分享给大家供大家参考，具体如下： 该插件乃文章作者所写，目的在于提升作者的js能力，也给一些js菜鸟在使用插件时提供一些便利，老鸟就悠然地飞过吧。 此插件旨在实现目前较为流行的点击放大图片并左右点击切换图片的效果，您可以根据自己的实际需求来设置是否添加左右切换图片的效果。整体代码如下：无标题文档*{margin:0;padding:0;} li{list-s...
本文实例讲述了jquery插件jquery.dragscale.js实现拖拽改变元素大小的方法。分享给大家供大家参考，具体如下： 该插件是文章作者所写，目的在于提升作者的js能力，也给一些js菜鸟在使用插件时提供一些便利，老鸟就悠然地飞过吧。 此插件旨在实现目前较为流行的拖拽改变元素大小的效果，您可以根据自己的实际需求来设置被拖拽元素的最小宽高和最大宽高。整体代码如下：无标题文档*{margin:0;padding:0;} .box{position:absolute;lef...
本文实例讲述了jquery插件之文字间歇自动向上滚动效果代码。分享给大家供大家参考，具体如下：此插件旨在实现目前较为流行的文字间歇向上滚动特效，当鼠标移动到文字上时，向上滚动会停止，当鼠标离开时，向上滚动继续。整体代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta htt...
jQuery iScroll.js 移动端滚动条美化插件第1/5页_jquery官网：http://cubiq.org/iscroll-5demo:滚动刷新：http://cubiq.org/dropbox/iscroll4/examples/pull-to-refresh/ Carousel demoiScroll功能很强大，目前我只用来 自定义滚动条 以下简单介绍一下iscrol在移动端自定义滚动条时的使用和注意事项。一、用法iScroll对要滚动的元素进行初始化，且不限制一个页面中使用iScroll的元素个数。使用iScroll时，DOM树的结构要足够简单，...
ImageDrawer.js是一款可以实现动态绘制图片动画的jQuery插件。通过ImageDrawer.js插件，你可以制作在页面中绘制图片的动态过程，你可以控制绘制动画的持续时间等参数，非常有趣。效果展示 源码下载 使用方法 使用该动态绘制图片插件需要在页面中引入imagedrawer.css，jquery和imagedrawer.js文件。HTML结构 在页面中插入你需要绘制的图片。初始化插件 在页面DOM元素加载完毕之后，可以通过下面的方法来初始化该图片绘制插件。...
本文实例讲解了jQuery使用zTree插件实现树形菜单和异步加载，并且可以进行编辑，分享给大家供大家参考，具体内容如下 效果图：一、HTML代码var setting = {async: {enable: true,url: "AjaxPage/GetAjax.aspxz=sdfww234edfsd",autoParam: ["id"],dataFilter: filter,contentType: "application/json",type:"get"},view: {expandSpeed: "",addHoverDom: addHoverDom,removeHoverDom: removeHoverDom,selectedMulti: false},check: {...
本文实例讲述了jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果的方法。分享给大家供大家参考，具体如下： 此插件旨在实现表格隔行变色，且鼠标移动在表格的某一行上时，该行能高亮显示。整体代码如下：表格隔行变色且鼠标滑过高亮显示table{border-collapse:collapse;border:none;width:20%;} table tr td{border:1px solid #ccc;text-align:center;cursor:pointer;} .evenRow{background:#f0f0f0;} .oddRow{background:#ff0;}...
本文实例讲述了jQuery插件实现文字无缝向上滚动效果代码。分享给大家供大家参考，具体如下： 此插件旨在实现目前较为流行的无缝向上滚动特效，当鼠标移动到文字上时，向上滚动会停止，当鼠标离开时，向上滚动继续。整体代码如下：无缝向上滚动*{margin:0;padding:0;font-size:12px;} li{list-style:none;} .box{margin:20px;width:320px;height:195px;border:1px solid #ddd;padding:10px;overflow:hidden;} .box ul li{line-heigh...
大家在日常工作中最常用的插件是什么，jQurey？Lazyload？但是这些都是在PC端，但是在移动端最常用的插件莫过于iScroll了，iScroll到底是什么东西，应该怎么用？iScroll是个很强大的插件，我也只是略懂皮毛，这里我们简单的介绍一下。 iScroll的产生： iScroll的产生完全是因为移动版webkit浏览器，例如在iPhone，Android 的移动设备上。 iScroll的使用方法： iScroll的原理是外层有一个溢出隐藏（overflow:hidden;）的DOM，然后这...