jQuery图片滚动插件全能版-前端开发博客 &&2447View文章目录插件开发背景随着前端开发领域越来越受到重视,前端开发也变得越来越火热。各种优秀的前端组件层出不穷。尤其是jQuery插件,很多前端组件都是基于jQuery开开发的。图片滚动是前端开发中可以说是非常常见的一种功能需求。本人之前也写过几篇关于图片滚动的文章。基于以上的图片滚动研究,本人决定开发一个全能的图片滚动什么是全能图片滚动其实这个并不是什么新词汇,图片滚动我们知道有这么几种1.图片从下往上滚动(向上)2.图片从右往左滚动(向左)3.图片一张消失一张出现4.图片滑上滑下5.图片渐隐渐现滚动那么有没有一个插件,只要很少的代码就能全部搞定呢?***肯定是有的。今天本人将介绍我写的插件。本插件已经移到github上了,jQuery插件的开发,请参照本人之前的一篇教程:插件参数参数名字默认值参数作用handle"top"动画滚动方式,有上下(top)/左右(left)/消失与出现(hide)/渐隐渐现(fadeTo)/滑上滑下(slideTo)prevNexttrue显示上一页和下一页导航Navtrue显示数字导航myTitlefalse显示图片标题speed600动画滚动速度delayTime6000动画滚动间隔clickMode"click"数字导航滑过的方式,可以是mouseoversliderNum1动画一屏显示的数目下面我们来看看这个插件怎么使用1.首先是引入jquery和插件的地址路径。2.设置html代码,里面的滚动必须是用ul&li包围起来的,一般我们会用这种有意义的html。ul的类默认为sliderbox,暂时不支持自定义,后面如果有人有需要再改。HTML代码&div class="slider" id="slider"&
&ul class="sliderbox"&
&a href=""&&img src="images/1.jpg" alt="图片滚动1"&&/a&
&a href=""&&img src="images/2.jpg" alt="图片滚动2"&&/a&
&a href=""&&img src="images/3.jpg" alt="图片滚动3"&&/a&
&/div&CSS代码.slider{height:170 margin:20 overflow: position:}
.sliderbox{position:}/*必须加这句css,否则向左右,上下滚动时会没有效果*/JS代码$("#slider").powerSlider();代码演示1.单张图片滚动:2.多张图片滚动:3.文字滚动:4.内容滚动:鉴于许多朋友要求的无缝滚动,本人重新写了一个无缝滚动的插件,详情请点击“”。插件下载非常欢迎你下载使用,这个插件你可以在github项目上下载。或者你可以下载这个打包(包含js未压缩、js压缩和16个案例)。如果你对这个插件有改进和意见,欢迎反馈给我,或者也可以在github在给我。亲,在下载的同时,也请你顺手点一下或者一下,你的支持是我努力更新的动力。基于jQuery+html5的一款酷炫幻灯片插件,支持左右箭头和圆点按钮播放控制,支持多种不同的3D动态切换特效,兼容360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗,不支持IE8及以下浏览器...
| 更新时间:
仿步步高vivo手机网站的一款首页焦点幻灯展示特效,带有超酷炫的动画特效,兼容360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗,不支持IE8及以下浏览器。...
| 更新时间:
仿京东商城首页的一款jQuery焦点图轮播特效插件,支持设置多张幻灯图片轮播显示,简单实用,推荐下载试用!...
| 更新时间:
很漂亮的一款jQuery动画效果的幻灯片插件,支持视差滑动效果,动态显示文字和缩略小图,支持左右箭头播放控制,适合做网站的首页焦点图展示,推荐试用!...
| 更新时间:
一款仿乐视网的jQuery左右滚动banner焦点图代码,支持缩略小图预览和幻灯图标题描述,可以设置多张幻灯图片滚动轮播,兼容IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗浏览器。...
| 更新时间:
一款适合电影网首页的jQuery焦点轮播幻灯片特效,支持添加幻灯图标题和文字描述,有左右箭头按钮控制幻灯播放,功能齐全,兼容IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗...
| 更新时间:
基于jQuery+CSS 3D幻灯特效的一款焦点轮播代码,带四种不同的幻灯特效,支持左右及上下多种3D切割过渡效果,很有视觉冲击力,有左右箭头和幻灯下方圆点按钮轮播控制,适合做网站首页焦点幻...
| 更新时间:
一个轻量级的jQuery内容 幻灯滚动插件,压缩后只有4KB大小。它能让你轻松的创建内容滚动的效果,具有非常高的可定制性。它是将UL列表转换成内容滚动的列表,可以自动播放,或者使用导航按...
| 更新时间:
基于jquery的一款焦点幻灯图代码,带有马赛克方块过渡特效,支持圆点按钮和左右方向键控制幻灯图片播放,适合用在网站首页焦点图推荐。...
| 更新时间:
一款响应式jQuery焦点图轮播幻灯片切换插件,支持左右方向按键播放,可自适应屏幕大小,代码简洁实用,推荐下载试用。360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗
不支持IE8及以...
| 更新时间:
jQuery幻灯
jQuery相册
jQuery幻灯
jQuery幻灯
jQuery幻灯还没有任何记录...
懒人建站为您提供:jquery插件,jquery插件开发教程、jquery插件下载仓库,如果您需要jquery常用插件的使用教程或者是寻找某些功能的jquery插件都可以加入我们QQ群:jquery学习交流
jquery倒计时按钮代码,常用于验证码倒计时按钮,代码效果就是点击按钮以后按钮上面会出现倒计时读数,倒计时的时间可以自行指定,按钮倒计时的格式有4中格式可选。...
图片延时加载插件jquery.lazyload.js使用教程,网站图片过多,就会因加载图片而等待很长时间,此时我们就用到图片延时加载插件jquery.lazyload.js,此插件可以让我们向下滚动的时候加载图...
webim框架【layim】一个纯前端webim插件,说纯前端也是有点扯淡,数据存储还是要服务支持的,layim目前是Web IM应用解决方案,致力于通过丰富的IM交互,及高度开放的接口,让其自由接入...
文件拖拽上传插件dropzone.js,提供 AJAX 异步文件上传功能,支持拖拽文件上传、支持最大文件大小、支持设置文件类型、支持预览上传结果,不依赖jQuery库。...
jquery 横向折叠插件lateral-fold,点击横向得选项卡,产生横向折叠展开的效果,也可以当做横向切换的选项卡使用。横向折叠插件核心样式...
radialIndicator是一个轻量级的jquery圆形进度插件。它支持色彩范围,插值,格式,和更多的百分比值,很容易配置和更新,radialIndicator也可以不使用jquery,还有对angularJs的支持angular.radialIndicat...
jq数字动画插件-jquery.animateNumber.js,可以实现数字的动画显示效果,比如从1跑到36500,从1%跑到100%类似这样的效果,数字动画效果控制多样,非常不错。...
jquery插件icheck.js是一个用来美化checkbox和radio样式的插件,icheck提供了丰富的皮肤和回调事件,本文提供icheck api使用和实战演示...
仿百度百科右侧导航代码jquery插件,这个仿百科右侧导航js代码,在很久以前就像搞个用了,这个右侧导航特别适合长篇文档使用,花了半天时间写了这个仿百科导航插件,不过和百度百...
雅迪360度产品展示jquery插件,来自雅迪电动车的雅迪商城电动车产品展示,可360度旋转展示,对你的产品360度全方位展示, 可以点击左右箭头旋转,也支持鼠标按下左右拖拽旋转。特别...
jquery绑定自定义事件,可以实现预先绑定好一个处理方法,当需要使用的时候利用jquery trigger来触发自定义事件,以达到方便快捷的目的。...
artdialog v6强大的模态对话框jquery插件api使用以及免费下载,artdialog v6版体积更小压缩版只有10K多点,功能更强,兼容到IE6以上,artdialog有弹出窗口、弹出层功能,还提供了各个方向的t...
select2.js是一个html select美化模拟类jquery插件,但是select2.js又远非简单的模拟美化那么简单,它还具有搜索功能,多选功能(可限制选择数量),ajax方式加载数据,可以设置placeholder,...
活动倒计时代码可以精确到毫秒已经使用jquery插件化,方便调用和同一个页面重复调用。插件调用代码: $("#fnTimeCountDown").fnTimeCountDown(" 18:45:13");...
这款仿腾讯游戏首页小幻灯片jquery插件,核心代码很简洁,可以作为初学者作为学习jquery教程使用,整个jquery代码简短强悍,内部还整的是 面向对象的写法。懒人建站对其做了少许修改...
jquery.fullPage.js是一个全屏滚动插件,本文提供jquery.fullPage实例教程演示和fullPage.js中文api参数说明,看啥都不如看演示来的直观,走起!...
jquery.form.js提交form表单插件提供了表单ajaxe提交解决方案,下面对比一下使用jquery自己的ajax提交和jquery.form的提交由啥不同。通常没有使用jquery.form插件的情况下我们可以像下面代码来提...
天猫滚动一定距离顶部显示搜索jquery插件,可以实现指定滚动距离的时候显示顶部搜索导航,模仿天猫的效果,天猫滚动一定距离顶部显示搜索插件的调用如下:
$(".fix-top").fixedPointS...
jquery.validate.js使用之自定义表单验证规则,下面列出了一些常用的验证法规则,//邮箱 表单验证规则/***号码验证/邮政编码验证 ...
为什么要用jquery validate这个表单验证插件:自己写一个通用没有bug强大的jquery表单验证插件并不容易。jquery validate这个jquery插件几乎可以轻松应对95%以上的表单验证,
jquery validate表单验...