初始化插件： slides是一款基于jQuery无缝轮播图插件,支持图内元素动画，可以自定义动画类型 $(".slideInner").slide({ slideContainer: $(.slideInner a), effect: easeOutCirc,//动画类型 autoRunTime: 5000,//自动轮播时间 slideSpeed: 1000,//速度 nav: true,//是否显示左右导航 autoRun: true,//是否自动滚动 prevBtn: $(a.prev),//左按钮 nextBtn: $(a.next)//右按钮 }); 兼容性： ie8+、google、firefox、360、QQ、欧朋、sa...
本文实例讲述了jquery插件bxslider用法。分享给大家供大家参考。具体用法如下： 首先调用对应js文件： <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.bxslider.js"></script>jQuery代码部分： $(function(){ $(#marquee).bxSlider({ mode:vertical, //默认的是水平 displaySlideQty:1,//显示li的个数 moveSlideQty: 1,//移动li的个数 captions: true,//自动控制 a...
1.介绍jQuery制作zoom图片全屏放大弹出层插件。 2.使用方法1.引入以下的js和css文件<link rel="stylesheet" href="css/zoom.css" media="all" /><script src="js/jquery-1.9.1.min.js"></script><script src="js/zoom.min.js"></script>2.在head标签中加入以下js代码<ul class="gallery"><li><a href="path/to/large1.jpg"><img src="path/to/thumbnail1.jpg" /></a></li><li><a href="path/to/large2.jpg"><img src="path/to/thum...
jQuery图片折叠轮换代码，可以点击左右箭头按钮切换图片，漂亮简洁。兼容主流浏览器，phplearn初学者推荐下载！ 使用方法： 1、head区域引用文件 jquery.min.js，chuxz.css 2、在文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码 3、在页面底部引用jq.orbit.js.js, orbit.js 4、复制images文件夹里的图片到相应的路径 <div class="orbit-wrapper"> <div id="featured" class="orbit"> <a href="http://www.phplearn...
特效介绍 jquery星级评分插件star-rating.js下载插件，点击星星或者心的左边，就是半分，右边就是1分。点击减号，分数置为0。不兼容IE8以下的浏览器。 演示图使用方法 第一步、引入下面的代码：代码如下: <link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet"> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <link href="css/star-rating.css" med...
优秀响应式jQuery焦点图插件bxSlider，优秀响应式布局设计jQuery插件，自适 应任何设备，切换内容可以是视频、图片、HTML、支持触摸设备，自定义函数 callback,支持众多的参数自定义配置，浏览器支持Firefox, Chrome, Safari, iOS, Android, IE7+。使用方法： 1. 加载jQuery和插件<!-- jQuery library (served from Google) --> <script src="jquery/1.8.2/jquery.min.js"></script> <!-- bxSlider Javascript file --> <script...
ajaxFileUpload是一个异步上传文件的jQuery插件。传一个不知道什么版本的上来，以后不用到处找了。语法：$.ajaxFileUpload([options])options参数说明： 1、url 上传处理程序地址。 2，fileElementId 需要上传的文件域的ID，即<input type="file">的ID。 3，secureuri 是否启用安全提交，默认为false。 4，dataType 服务器返回的数据类型。可以为xml,script,jso...
什么是MixItUp？MixItUp是一个jQuery插件，提供动画过滤和排序。 MixItUp是伟大的，像管理投资组合，画廊和博客的任何分类或排序的内容，而且还可以作为一个功能强大的工具，从事应用程序的用户界面和数据可视化。 MixItUp起着很好的与您现有的HTML和CSS，使之成为响应布局的绝佳选择。 而不是用绝对定位来控制布局，MixItUp设计与现有的在线流布局工作。要使用百分比，媒体查询，inline-block的，甚至是弯曲盒子？没问题！ 页面代...
支持响应式的jQuery焦点图片无缝滚动切换特效插件Elastislide，非常漂亮的图片轮播特效插件，支持左右轮播图片、上下轮播图片、自适应移动端显示，支持众多的参数配置：orientation :horizontal(水平切换),speed : 500(切换速度,单位毫秒),easing : ease-in-out(动画效果), minItems : 3(默认展示的数量)等,浏览器兼容方面：IE8+、以及较现代浏览器，不介意低版本浏览器的可以使用，当然也可以使用到移动端触屏。支持响应式的jQuer...
Tooltipster是一个轻量级的jQuery工具提示插件，可以快速的帮助你生成漂亮的工具提示。 1，加载jQuery和包括Tooltipster的插件文件在您下载Tooltipster，移动tooltipster.css和jquery.tooltipster.min.js到根的CSS和JavaScript的目录。接下来，加载jQuery和包括您的标签里面Tooltipster的CSS和JavaScript文件：<head> ... <link rel="stylesheet" type="text/css" href="css/tooltipster.css" /> <script type="text/javascript" ...
漂亮jQuery 3D动画图片轮播切换特效插件jquery.slicebox.js，基于jQuery，插件采用CSS 3D 动画效果，支持事件Callback调用，支持参数自定义配置，如：speed：600 切换速度、autoplay:true 是否自动播放，在浏览器兼容方面，需要浏览器支持CSS3变换变形属性，不支持的将看不到3D特效，推荐学习下代码。使用方法：1.加载插件和jQuery<link type="text/css" rel="stylesheet" href="css/slicebox.css" /> <script type="text/javascr...
经常看到在一些产品介绍页，看到全屏滚动的特效，今天推荐款jQuery插件给大家，jQuery全屏鼠标滚动切换页面特效插件multiScroll.js，支持众多的参数自定义配置，scrollingSpeed：切换速度、easing：动画效果、navigation：false是否出现导航，还支持事件Callback函数调用，onLeave、afterLoad等，效果还是和不错的，浏览器兼容方面：IE8, 9, Opera 12、以及现代的浏览器，需要浏览器支持CSS3属性，推荐学习和使用。使用方法： 1.加...
实用jQuery分页特效插件jquery.pagination.js，基于jQuery实现，可根据pageselectCallback函数callback调用通过ajax调用动态数据，目前的方法是生成JSON数据到JS文件，调用的数据是JSON格式数据，缺点是数据是一次性读出来的，效率会差些，插件支持众多参数的自定义配置功能，还是很不错的，大家可以根据自己的想法进行改进。使用方法：1.加载插件和jQuery<link rel="stylesheet" href="pagination.css"> <script type="text/java...
史上效果最好的焦点图幻灯片jQuery插件Skippr，轻量级插件、响应式布局插件，强大的参数自定义 配置，可自定义切换速度、切换方式、是否显示左右箭头、是否自动播放、自动播放间隔时间等配置 参数，调用插件也非常简单易用，调用方式下面介绍下：1.加载jQuery和插件 <link rel="stylesheet" href="css/jquery.skippr.css"> <script src="js/jquery.min.js"></script> <script src="js/jquery.skippr.min.js"></script> 2.HTML内容 ...
实用的jQuery网页元素固定导航置顶插件StickUp，简单的jQuery插件，实现网页元素固定，如导航固定让其总是保持在视图中可见，在one-page页面中就可以看出效果，大家可以研究研究。 使用方法： 1.加载插件和jQuery<script src="js/jquery.js">script> <script src="js/stickUp.min.js">script> <link href="stickup.css" rel="stylesheet"> <link href="css/bootstrap.min.css" rel="stylesheet"> <script src="js/bootstrap.mi...