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...
jQuery左右侧栏导航菜单插件PageSlide，目前比较流行的导航菜单展现形式，特别是在手机端或者触屏页面，效果还是不错的，支持自定义展现的方向，菜单内容可自行定义，支持加载页面，或者模态的窗格中显示此页的隐藏的内容，推荐使用。 使用方法：1.加载插件和jQuery<link rel="stylesheet" type="text/css" href="../jquery.pageslide.css" /> <script src="../lib/jquery-1.7.1.min.js"></script> <script src="../jquery.pages...
jQuery响应式手机端移动端幻灯片图片切换特效插件slick，基于jQuery，功能非常强大，支持左右按钮切换、支持圆点切换、支持自定义切换数量，支持自定义切换速度、支持图片预加载、支持自动播放定义，效果非常的不错，众多的参数自定义支持，觉得可以的可以参考他们的参数配置，还是值得学习使用的。使用方法：1.加载插件和jQuery<script src="//code.jquery.com/jquery-1.11.0.min.js"></script> <script src="//code.jquery.com/...
jquery masonry与infinitescroll两款瀑布流插件制作当下最流行的瀑布流图片展示实例，通过鼠标滚动图片无限加载的类似瀑布的效果的图片展示。用户可以无限浏览图片或内容无限加载瀑布流效果。 代码： <script type="text/javascript"> function item_masonry(){ $(.item img).load(function(){ $(.infinite_scroll).masonry({ itemSelector: .masonry_brick,columnWidth:226,gutterWidth:15 }); });$(.infinite_sc...