谁有焦点图淘宝轮播图的demo

这种东西哪有下载的?网站图片焦点轮播的播放器。
本帖回复10次,查看1097次
听众数精华0最后登录主题帖子鲜花30 臭蛋4 贡献1216 在线时间2768 小时注册时间
落伍者(两全齐美), 积分 3611, 距离下一级还需 1389 积分
帖子鲜花30 贡献1216 注册时间
&&&&&&&&&&&&&&&&&&&&&&&&&&&&
不要那种只需要JS或者JQ加几张的图片就凑合的,需要一个播放器,翻了半天找不到这样的东西,就是那种可以调用网站图片的Flash播放器,我想这样描述你们应该能懂的。&&在描述一下吧,网站焦点图片SWF牌的播放器。
听众数精华2最后登录主题帖子鲜花71 臭蛋17 贡献2763 在线时间4986 小时注册时间
落伍者(四季发财), 积分 10084, 距离下一级还需 39916 积分
帖子鲜花71 贡献2763 注册时间
听众数精华0最后登录主题帖子鲜花30 臭蛋4 贡献1216 在线时间2768 小时注册时间
落伍者(两全齐美), 积分 3611, 距离下一级还需 1389 积分
帖子鲜花30 贡献1216 注册时间
阿阿勇 发表于
/myfocus/demo.html
不行哎,这个还是JS焦点图,我想找一个Flah焦点图
听众数精华0最后登录主题帖子鲜花16 臭蛋8 贡献3996 在线时间4360 小时注册时间
落伍者(三羊开泰), 积分 7216, 距离下一级还需 2784 积分
帖子鲜花16 贡献3996 注册时间
听众数精华0最后登录主题帖子鲜花30 臭蛋4 贡献1216 在线时间2768 小时注册时间
落伍者(两全齐美), 积分 3611, 距离下一级还需 1389 积分
帖子鲜花30 贡献1216 注册时间
香烟熏灵魂 发表于
这个还是用JS控制切换效果的,算了,不过仍然谢谢你们。谢谢和。
听众数精华2最后登录主题帖子鲜花71 臭蛋17 贡献2763 在线时间4986 小时注册时间
落伍者(四季发财), 积分 10084, 距离下一级还需 39916 积分
帖子鲜花71 贡献2763 注册时间
& & 总有你需要的
&阿勇兄啊,你还给不给人家发呀?我刚看到帖子,以为要回复,都让你给说了&
为MJJ献上菊花一朵
总评分:&鲜花 + 1&
听众数精华1最后登录主题帖子鲜花5 臭蛋3 贡献66 在线时间2662 小时注册时间
偶就是流氓
落伍者(四季发财), 积分 13507, 距离下一级还需 36493 积分
帖子鲜花5 贡献66 注册时间
懒人图库不错。
听众数精华0最后登录主题帖子鲜花40 臭蛋6 贡献1215 在线时间1440 小时注册时间
帖子鲜花40 贡献1215 注册时间
&所有NB的人,所有NB的行为,最后都会证明你是一SB&
听众数精华4最后登录主题帖子鲜花2409 臭蛋1950 贡献10022 在线时间6119 小时注册时间
(黄金广告位)
落伍者(四季发财), 积分 22154, 距离下一级还需 27846 积分
帖子鲜花2409 贡献10022 注册时间
阿阿勇 发表于
/myfocus/demo.html
好东西,下来收藏!
——哥的发贴/回复,并不代表哥的观点。哥只有在做梦的时候,才有立场!
(dede/帝国模板定制QQ)() 落伍TB刷单群:
听众数精华0最后登录主题帖子鲜花236 臭蛋188 贡献2611 在线时间3838 小时注册时间
落伍者(四季发财), 积分 21797, 距离下一级还需 28203 积分
帖子鲜花236 贡献2611 注册时间
swf+xml的吧
落伍草根英雄
落伍草根英雄
该帐号已经进行QQ绑定
落伍者的唯一标识符
论坛事务客服(8:30-17:00):
&&&&商务广告客服(8:30-21:00,限广告合作):
落伍者创建于,本站内容均为会员发表,并不代表落伍立场!
拒绝任何人以任何形式在本论坛发表与中华人民共和国法律相抵触的言论!
落伍官方微信:2030286 邮箱:(|)
浙ICP备号 BBS专项电子公告通信管[号
  落伍法律顾问:jquery焦点图插件实现图片轮播滚动效果-jquery-网页制作-壹聚教程网jquery焦点图插件实现图片轮播滚动效果如果在以前我们要做一个焦点图滚动效果要写大量的js代码,但现在我们利用JQuery.slideBox焦点图插件我们就可以快速的实现我们想要的效果。 先看效果图
1.下载JQuery.slideBox和插件,并引用
&link href=&css/jquery.slideBox.css& rel=&stylesheet& /&
&script src=&js/jquery-1.7.1.min.js&&&/script&
&script src=&js/jquery.slideBox.min.js&&&/script&
2.设置图片的html的div的ID为如下形式
&div id=&demo1&P&
&li&&a href=&#& title=&标题一&&&img src=&img/1.jpg&&&/a&&/li&
&li&&a href=&#& title=&标题二&&&img src=&img/2.jpg&&&/a&&/li&
&li&&a href=&#& title=&标题三&&&img src=&img/3.jpg&&&/a&&/li&
&li&&a href=&#& title=&标题四&&&img src=&img/4.jpg&&&/a&&/li&
&li&&a href=&#& title=&标题五&&&img src=&img/5.jpg&&&/a&&/li&
3.设置JQuery.slideBox的一些属性设置。有三种设置的案例,可以参考.
&script type=&text/&&
$(function() {
$(&#demo1&).slideBox();
$(&#demo2&).slideBox({
direction: &top&,//left,top#方向
duration: 0.3,//滚动持续时间,单位:秒
easing: &linear&,//swing,linear//滚动特效
delay: 5,//滚动延迟时间,单位:秒
startIndex: 1//初始焦点顺序
$(&#demo3&).slideBox({
duration: 0.3,//滚动持续时间,单位:秒
easing: &linear&,//swing,linear//滚动特效
delay: 5,//滚动延迟时间,单位:秒
hideClickBar: false,//不自动隐藏点选按键
clickBarRadius: 10
$(&#demo4&).slideBox({
hideBottomBar: true//隐藏底栏
说明:默认的样式为,左右轮播,滚动持续0.6秒,滚动延迟3秒,滚动效果swing,初始焦点第1张,点选按键自动隐藏,按键边框半径(IE8-只方不圆)5px(以上各项为默认设置值)
完整理例子
&!doctype html&
&meta charset=&utf-8&&
&title&jQuery图片轮播(焦点图)插件&/title&
&link href=&/demo/jquery.slideBox/css/jquery.slideBox.css& rel=&stylesheet& type=&text/css& /&
&script src=&/demo/jquery.slideBox/js/jquery-1.7.1.min.js& type=&text/javascript&&&/script&
&script src=&/demo/jquery.slideBox/js/jquery.slideBox.min.js& type=&text/javascript&&&/script&
jQuery(function($){
&$('#demo1').slideBox();
&$('#demo2').slideBox({
&&direction : 'top',//left,top#方向
&&duration : 0.3,//滚动持续时间,单位:秒
&&easing : 'linear',//swing,linear//滚动特效
&&delay : 5,//滚动延迟时间,单位:秒
&&startIndex : 1//初始焦点顺序
&$('#demo3').slideBox({
&&duration : 0.3,//滚动持续时间,单位:秒
&&easing : 'linear',//swing,linear//滚动特效
&&delay : 5,//滚动延迟时间,单位:秒
&&hideClickBar : false,//不自动隐藏点选按键
&&clickBarRadius : 10
&$('#demo4').slideBox({
&&hideBottomBar : true//隐藏底栏
&h3&一、左右轮播,滚动持续0.6秒,滚动延迟3秒,滚动效果swing,初始焦点第1张,点选按键自动隐藏,按键边框半径(IE8-只方不圆)5px(以上各项为默认设置值)&/h3&
&div id=&demo1& class=&slideBox&&
& &ul class=&items&&
&&& &li&&a href=&go/to/your/url.html& title=&这里是测试标题一&&&img src=&img/1.jpg&&&/a&&/li&
&&& &li&&a href=&go/to/your/url.html& title=&这里是测试标题二&&&img src=&img/2.jpg&&&/a&&/li&
&&& &li&&a href=&go/to/your/url.html& title=&这里是测试标题三&&&img src=&img/3.jpg&&&/a&&/li&
&&& &li&&a href=&go/to/your/url.html& title=&这里是测试标题四&&&img src=&img/4.jpg&&&/a&&/li&
&&& &li&&a href=&go/to/your/url.html& title=&这里是测试标题五&&&img src=&img/5.jpg&&&/a&&/li&
&h3&二、上下轮播,滚动持续0.3秒,滚动延迟5秒,滚动效果linear,初始焦点第2张,点选按键自动隐藏&/h3&
&div id=&demo2& class=&slideBox&&
& &ul class=&items&&
&&& &li&&a href=&go/to/your/url.html& title=&这里是测试标题一&&&img src=&img/1.jpg&&&/a&&/li&
&&& &li&&a href=&go/to/your/url.html& title=&这里是测试标题二&&&img src=&img/2.jpg&&&/a&&/li&
&&& &li&&a href=&go/to/your/url.html& title=&这里是测试标题三&&&img src=&img/3.jpg&&&/a&&/li&
&&& &li&&a href=&go/to/your/url.html& title=&这里是测试标题四&&&img src=&img/4.jpg&&&/a&&/li&
&&& &li&&a href=&go/to/your/url.html& title=&这里是测试标题五&&&img src=&img/5.jpg&&&/a&&/li&
&h3&三、左右轮播,滚动持续0.3秒,滚动延迟5秒,滚动效果linear,初始焦点第1张,点选按键不隐藏,按键边框半径10px(圆形)&/h3&
&div id=&demo3& class=&slideBox&&
& &ul class=&items&&
&&& &li&&a href=&go/to/your/url.html& title=&这里是测试标题一&&&img src=&img/1.jpg&&&/a&&/li&
&&& &li&&a href=&go/to/your/url.html& title=&这里是测试标题二&&&img src=&img/2.jpg&&&/a&&/li&
&&& &li&&a href=&go/to/your/url.html& title=&这里是测试标题三&&&img src=&img/3.jpg&&&/a&&/li&
&&& &li&&a href=&go/to/your/url.html& title=&这里是测试标题四&&&img src=&img/4.jpg&&&/a&&/li&
&&& &li&&a href=&go/to/your/url.html& title=&这里是测试标题五&&&img src=&img/5.jpg&&&/a&&/li&
&h3&四、隐藏底栏&/h3&
&div id=&demo4& class=&slideBox&&
& &ul class=&items&&
&&& &li&&a href=&go/to/your/url.html& title=&这里是测试标题一&&&img src=&img/1.jpg&&&/a&&/li&
&&& &li&&a href=&go/to/your/url.html& title=&这里是测试标题二&&&img src=&img/2.jpg&&&/a&&/li&
&&& &li&&a href=&go/to/your/url.html& title=&这里是测试标题三&&&img src=&img/3.jpg&&&/a&&/li&
&&& &li&&a href=&go/to/your/url.html& title=&这里是测试标题四&&&img src=&img/4.jpg&&&/a&&/li&
&&& &li&&a href=&go/to/your/url.html& title=&这里是测试标题五&&&img src=&img/5.jpg&&&/a&&/li&
&h3&五、&a href=&jquery.slideBox.rar&&想下载,就可个劲儿的点我:)&/a&&/h3&
&h4&爱我的老婆孩子!香港回归祖国15周年献礼,哈哈!!&/h4&
上一页: &&&&&下一页:相关内容代码整理:,转载请注明出处。 本代码仅限于学习交流,请勿用于商业用途!扶植版添加轮播图、焦点图的方法
&在 讲之前 先说两个教程&&&img 标签 &是在网页里 承载图片的标签 &&img src=&图片路径& height=&& /&&/imgextra/i3//T2lIVAXapMXXXXXXXX_!!.jpg&&&&a &&/a&标签 是 超链接 也就是 鼠标点击调转到其他频道页面, &a href=&链接地址& &如 &&a href=&链接地址& &中间可以放文字 也可以放图片&/a& 一定要注意 a 标签成对出现记得 把另一半写上呀&&以下是焦点图的代码 ,把图片地址跟链接地址更改更改 你就可以用了, 赶快加油吧&&&div class=&slider-promo J_Slider J_TWidget tb-slide & style=&height:290& data-widget-config=&{'effect':'fade','contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}& data-widget-type=&Slide&&&ul class=&lst-main tb-slide-list& style=&height:290& role=&listbox&&&li style=&display: z-index: 1; -moz-transition-property: -moz-transition-timing-function: position: -moz-transition-duration: 500 opacity: 0;& tabindex=&-1& role=&option&&&a href=&/& oritabindex=&0& tabindex=&-1&&&img height=&290& src=&/imgextra/i3//T2lIVAXapMXXXXXXXX_!!.jpg&&&/a&&&/li&&li style=&display: z-index: 1; -moz-transition-property: -moz-transition-timing-function: position: -moz-transition-duration: 500 opacity: 0;& tabindex=&-1& role=&option&&&a href=&/?search=y&scid=&scname=xa7XsC%2FFrsq%2FvqvGtw%3D%3D&checkedRange=true&queryType=cat& oritabindex=&0& tabindex=&-1&&&img height=&290& src=&/imgextra/i3//T2ksBAXehMXXXXXXXX_!!.jpg&&&/a&&&/li&&li style=&display: z-index: 9; -moz-transition-property: -moz-transition-timing-function: opacity: 1; position:& tabindex=&0& role=&option&&&a href=&/?search=y&scid=&scname=xNDKv9eox%2Fg%3D&checkedRange=true&queryType=cat& oritabindex=&0& tabindex=&0&&&img height=&290& src=&/imgextra/i3//T2ZIlAXhdMXXXXXXXX_!!.jpg&&&/a&&&/li&&li style=&display: z-index: 1; -moz-transition-property: -moz-transition-timing-function: opacity: 0; position:& tabindex=&-1& role=&option&&&a href=&/?search=y&scid=&scname=0OnE4snMxrc%3D&checkedRange=true&queryType=cat& oritabindex=&0& tabindex=&-1&&&img height=&290& src=&/imgextra/i1//T2dZNAXcpMXXXXXXXX_!!.jpg&&&/a&&/li&&/ul&&ul class=&lst-trigger&&&li tabindex=&-1&&1&/li&&li class=&& tabindex=&-1&&2 &/li&&li tabindex=&-1& class=&current&&3 &/li&&li tabindex=&-1&&4&/li&&/ul&&/div&
注册时间:
不明白看我 小店
好有心的楼主哦&新手必看!
路过支持一下楼主啦,顺道赚点积分也好,现在做淘宝真难啊,相对早期05年来说,简直是没法想像的区别啊。
我们现在才加入淘宝的小卖家,生意极不好做。信用低,又不敢做违反淘宝规则的刷钻行为,自然没人看。在淘宝站内推广更加没法经营下去
上个月我加入了老卖家介绍给我用的网店推广 ,现在每天都有几十位客户咨询,生意变好了,心情舒畅多了.大家可以去&淘帮派&看看/group/.htm(复制到浏览器打开)
晶彩个性商场主营:美爆饰品、TBJ韩派服饰、展风女鞋、猎兽王男鞋等,新品上市,全场8.8折优惠酬宾,欲购从速哦!
这么多广告的,可恶的广告~~管理员快删除了吧
路过学习一下,谢谢楼主分享~~~~我也是新手,卖内衣的,刚开店的时候也是没流量,更不要说成交了,到处向人请教怎么去推广~~还加入了淘宝直通车~~但效果都不太好,烧钱多,我们的小卖家承受不起啊。
后来我看了淘宝论坛上推荐的网店推广 ,抱着试试的心态去加入了,没想到效果很快就有了,而且价格很实惠,很适合中小卖家哦,嘻~~~~现在我的小店流量每天有好几百。销量多了几倍,心情爽多了,生意不好的朋友可以试试哦~,可以去&淘帮派&看看/group/.htm(复制到浏览器打开)。希望大家的生意都旺起来
学会了,谢谢楼主!已经应用到我的店铺了,自己觉得还不错呢!嘻嘻,不过在应用过程中改了些参数,才使得页面饱满,轮播速度也恒定!最后还是要感谢楼主的帖子!多谢
真的很不错,谢谢
使用有问题?
匿名回复(匿名回复的情况,大家不会看到你的身份)
点,您的助威点数还有点
提醒:评论最多输入30个汉字,不支持英文和数字当前位置: >
正文内容 jQuery全屏幻灯片
jQuery全屏响应式幻灯片焦点图
发布时间: 文件大小:0.02 MB 点击次数:正在加载... 下载次数:正在加载...次 文件等级:★★★☆☆
需要0金币才能下载!解压密码:部分密码:注:可事先进行预览,然后进行下载!
jQuery全屏响应式图片轮播代码是一款带有左右箭头,索引按钮,支持自动轮播切换的jQuery,jQuery。
转载请注明: >>
本文原地址:
也许你会喜欢和关注与本文内容高度相关的文章:
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
☉本站不保证所提供素材资源的完整性和安全性。
☉请在使用前自行查毒 (这也是您使用其它网络资源所必须注意的)。
☉由本站提供的资源对您的网站或计算机造成严重后果的本站概不负责。
☉推荐使用第三方专业下载工具下载本站软件,使用 WinRAR 解压本站软件。
☉如果这个软件总是不能下载的请点击报告错误,谢谢合作!!
☉下载本站资源,如果服务器暂不能下载请过一段时间重试!
☉如果遇到什么问题,请到本站论坛去咨寻,我们将在那里提供更多 、更好的资源!
☉本站提供的一些商业软件是供学习研究之用,如用于商业用途,请购买正版。
☉本站提供的资源均为网上搜集,如果该资源涉及或侵害到您的版权请立即写信通知我们。

我要回帖

更多关于 响应式轮播图 的文章

 

随机推荐