superslide,特效super

superslide,特效super,SuperSlide div a href=\"http://www.SuperSlide2.com\" target=\"_blank\" img src=\"images/pic1.jpg\" / /a /div

superslide,特效super,SuperSlide

div a href="http://www.SuperSlide2.com" target="_blank" img src="images/pic1.jpg" / /a /div div a href="http://www.SuperSlide2.com" target="_blank" 效果图1.1 /a /div /li div a href="http://www.SuperSlide2.com" target="_blank" img src="images/pic1.jpg" / /a /div div a href="http://www.SuperSlide2.com" target="_blank" 效果图1.2 /a /div /li div a href="http://www.SuperSlide2.com" target="_blank" img src="images/pic1.jpg" / /a /div div a href="http://www.SuperSlide2.com" target="_blank" 效果图1.3 /a /div /li div a href="http://www.SuperSlide2.com" target="_blank" img src="images/pic1.jpg" / /a /div div a href="http://www.SuperSlide2.com" target="_blank" 效果图1.4 /a /div /li /ul a href="javascript:void(0)" /a /div !-- slideBox End -- div a href="javascript:void(0)" /a div a href="http://www.SuperSlide2.com" target="_blank" img src="images/pic2.jpg" / /a /div div a href="http://www.SuperSlide2.com" target="_blank" 效果图2.1 /a /div /li div a href="http://www.SuperSlide2.com" target="_blank" img src="images/pic2.jpg" / /a /div div a href="http://www.SuperSlide2.com" target="_blank" 效果图2.2 /a /div /li div a href="http://www.SuperSlide2.com" target="_blank" img src="images/pic2.jpg" / /a /div div a href="http://www.SuperSlide2.com" target="_blank" 效果图2.3 /a /div /li div a href="http://www.SuperSlide2.com" target="_blank" img src="images/pic2.jpg" / /a /div div a href="http://www.SuperSlide2.com" target="_blank" 效果图2.4 /a /div /li /ul a href="javascript:void(0)" /a /div !-- slideBox End -- div a href="javascript:void(0)" /a div a href="http://www.SuperSlide2.com" target="_blank" img src="images/pic3.jpg" / /a /div div a href="http://www.SuperSlide2.com" target="_blank" 效果图3.1 /a /div /li div a href="http://www.SuperSlide2.com" target="_blank" img src="images/pic3.jpg" / /a /div div a href="http://www.SuperSlide2.com" target="_blank" 效果图3.2 /a /div /li div a href="http://www.SuperSlide2.com" target="_blank" img src="images/pic3.jpg" / /a /div div a href="http://www.SuperSlide2.com" target="_blank" 效果图3.3 /a /div /li div a href="http://www.SuperSlide2.com" target="_blank" img src="images/pic3.jpg" / /a /div div a href="http://www.SuperSlide2.com" target="_blank" 效果图3.4 /a /div /li /ul a href="javascript:void(0)" /a /div !-- slideBox End -- /div !-- parBd End -- /div ...

接着还有最重要的js部分:

 script type="text/javascript" 
 SuperSlide组合注意:
 1、内外层mainCell、targetCell、prevCell、nextCell等对象不能相同,除非特殊应用;
 2、注意书写顺序,通常先写内层js调用,再写外层js调用
 /* 内层图片滚动切换 */
 jQuery(".slideGroup .slideBox").slide({ mainCell:"ul",vis:3,prevCell:".sPrev",nextCell:".sNext",effect:"leftLoop"});
 /* 外层tab切换 */
 jQuery(".slideGroup").slide({titCell:".parHd li",mainCell:".parBd"});
 /script 

按照上面的介绍,再把自己项目中所需要的东西套进去(html主要代码):

...
 li span 企业资质: /span 
 div 
 div 
 div 
 a href="javascript:void(0)" /a 
 {{if datas.companylist.yyzz}}
 div a href="{{imgSiteUrl}}{{ datas.companylist.yyzz }}"
 target="_blank" img
 src="{{imgSiteUrl}}{{ datas.companylist.yyzz }}" /a 
 /div 
 div a href="{{imgSiteUrl}}{{ datas.companylist.yyzz }}"
 target="_blank" 营业执照 /a 
 /div 
 /li 
 {{/if}}
 {{if datas.companylist.zzdmz}}
 div a href="{{imgSiteUrl}}{{ datas.companylist.zzdmz }}"
 target="_blank" img
 src="{{imgSiteUrl}}{{ datas.companylist.zzdmz }}" /a 
 /div 
 div a href="{{imgSiteUrl}}{{ datas.companylist.zzdmz }}"
 target="_blank" 组织机构代码证 /a 
 /div 
 /li 
 {{/if}}
 {{if datas.companylist.khxkz}}
 div a href="{{imgSiteUrl}}{{ datas.companylist.khxkz }}"
 target="_blank" img
 src="{{imgSiteUrl}}{{ datas.companylist.khxkz }}" /a 
 /div 
 div a href="{{imgSiteUrl}}{{ datas.companylist.khxkz }}"
 target="_blank" 开户许可证 /a 
 /div 
 /li 
 {{/if}}
 {{if datas.companylist.nsrzgb}}
 div a href="{{imgSiteUrl}}{{ datas.companylist.nsrzgb }}"
 target="_blank" img
 src="{{imgSiteUrl}}{{ datas.companylist.nsrzgb }}" /a 
 /div 
 div a href="{{imgSiteUrl}}{{ datas.companylist.nsrzgb }}"
 target="_blank" 一般纳税人资格表 /a 
 /div 
 /li 
 {{/if}}
 {{if datas.companylist.swdjz}}
 div a href="{{imgSiteUrl}}{{ datas.companylist.swdjz }}"
 target="_blank" img
 src="{{imgSiteUrl}}{{ datas.companylist.swdjz }}" /a 
 /div 
 div a href="{{imgSiteUrl}}{{ datas.companylist.swdjz }}"
 target="_blank" 税务登记证 /a 
 /div 
 /li 
 {{/if}}
 /ul 
 a href="javascript:void(0)" /a 
 /div 
 /div !-- parBd End -- 
 /div 
 /li 
...

部分js代码:

 

...
 script 
 /* 内层图片滚动切换 */
 jQuery(".slideGroup .slideBox").slide({
 mainCell: "ul",
 vis: 3,
 prevCell: ".sPrev",
 nextCell: ".sNext",
 effect: "leftLoop"
 /script 
...

 

最终达到的效果:

superslide,特效super

后记:

希望再次用到写轮播时,不要像昨天一样忘得那么 干净 ,要做一个大神前必备技能!

superslide的相关网页热门搜索词

特效super|super官网|slide值|slide|background size|superslide是什么|superslide用法|slide projector|super side|

推荐文章:

  • coolmosaic coolmosaic网

    coolmosaic coolmosaic网 coolmosaic网 是个新网站,能用几秒钟作一个图,搜索coolmosaic就能找到“coolmosaic在线制作各种图片特效”,进入网站后很快、很方便可以几秒钟就能在线快速制作...

  • 灵武生活网提供: 灵武三界手游下载

    灵武生活网提供: 灵武三界手游下载 灵武三界是一款热血的修真类手游,游戏根据人气小说改编而来,人物立绘非常的精美,剧情也相当细腻丰富,华丽的技能特效与炫酷的战斗场面给玩家们带来极致的游戏体验,感兴趣的小...

  • html动态背景,html动态背景特效

    html动态背景,html动态背景特效,HTML5实现首页动态视频背景 话不多说,先看效果图:...

  • 纽瑞滋奶粉最新事件

    纽瑞滋奶粉最新事件 【天极网IT新闻频道】钟南山院士曾说:“最好的医生是你自己”。新冠肺炎疫情席卷全球,国内的防疫正初显成效,在这个没有特效药及疫苗的危险处境里,人体自身的免疫力成为了对抗病毒最有利的武器...

  • superslide,特效super

    superslide,特效super,SuperSlide div a href=\"http://www.SuperSlide2.com\" target=\"_blank\" img src=\"images/pic1.jpg\" / /a /div...

  • 百夫长贾克斯 为什么百夫长贾克斯没有特效

    百夫长贾克斯 为什么百夫长贾克斯没有特效 为什么百夫长贾克斯没有特效 这你得去问老马...

  • 台风海马最新消息 台风海马最新消息

    台风海马最新消息 台风海马最新消息 台风海马最新消息 就应该多拍这种特效好的电视剧,,我已经在《小看影》看完了。基本上在不发表论的,代表个人意见。其实小说真的很好,比电视剧更细化人物的感情。...

  • 标题:superslide,特效super|http://www.wc10086.cn/175026.html

    本文来自网络,不代表本站立场,转载请注明出处!