淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 5052|回复: 50
收起左侧

★超炫★超酷★超拽★视觉交替鼠标经过特效分层轮播★PSD

  [复制链接]
  • TA的每日心情
    加油
    2015-3-20 02:26
  • 签到天数: 1 天

    连续签到: 1 天

    [LV.1]初学乍练

    8

    主题

    54

    帖子

    3434

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    3434

    发表于 2015-3-25 05:09:32 | 显示全部楼层 |阅读模式
    哎呀都深更半夜了耶!~~悄悄咪咪摸上来骚扰大家,良心好不安嗷~~~
    但是!我就算良心再在不安,也要昧着良心,冒着装逼被雷劈的巨大危险来给大家送福利!!!

    所以被我骚扰,爬起来看这篇帖子的,不管你是童邪还是同志,都不要抱怨楼主

    你们楼主,身体不好,遭不住啊~~~(昨天手指甲尖尖有点疼呢~~算命先生告诫你们楼主,不能见血光哈)

    所以,想对我出手的盆友,千万要忍住!!

    当然也别把气撒在你们隔壁的老王身上哈!....

    毕竟,打人是不好的,如果被我知道你们谁那样做的话!我只会很无情的告诉你:下次记得带上我,亲~~
    ----------------------------------------------------------------------------------------------

    大家,肯定嫌楼主话多,每次都喜欢兜圈子,很久才会进入话题,对吧?

    但是,现在告诉你们一个好消息:今天楼主不会绕圈子,直接进入正题!!!(楼主是不是挺听话呀?啦啦啦)

    路人甲:大伙上,揍他丫的!!这不要脸的唠叨半天,还敢厚起脸皮说不绕圈子...#$%@#


    楼主:就你事多,每次都喜欢插嘴,白白耽误大家学习时间!!(所以你们应该找路人甲算账哈!!不能赖在你们楼主身上)


    今天的主题是:★超炫★超酷★超拽★视觉交替鼠标经过特效分层轮播★附赠PSD设计源文件

    都有啥功能?
    1.......此处省略一万字
    2.......此处省略一万字
    3.......此处省略一万字
    4.......此处省略一万字

    5.......此处省略一万字
    6.......此处省略一万字

    (告诉我:强不强大?是不是很厉害哇?嘿嘿...我就知道你们也是这么看的,啥都不用告诉我,楼主都懂!)

    代码动态效果图:
    好哇塞哦.gif
    (动态图片不完整  超炫超酷超拽的效果在楼主的店铺!!http://gbjddd.taobao.com大家自己去看吧!!)
    链接:http://pan.baidu.com/s/1ntrAj1n 密码:47ns(里面有代码源文件,有分类图,更有逆天PSD源文件!)
    估计又有人要问,我那个代码不怎么用?-----1.DW把HTML文档打开2.把图片地址变了3.该加的链接加上,不管是整个图片还是用热点工具!!4。DUANG~改好后拿到你们自定义装上就OK!(需要改的图片地址没多少啦,也就16个地方而已)


    楼主自言自语:你们楼主设计图片的效果和一些元素搭配,我知道很垃圾,海报我确实也只能这样了,将就一下!不喜欢的可以把图片元素换了就行!!虽然是设计得垃圾,但是你们造孽的楼主这幅图还是搞了两个小时,摩托车就抠了很久很久!
    所以,就别吐槽我了!反正我PSD文档给你们了!随便改,不用给我客气!!楼主还是比较大方的
    但是,对于个别卖模板卖代码的同学!!你们想拿我的代码和图片去做宣传的,不是不可以!您好歹也稍微换些小元素吧,至少你也打上你的醒目LOGO总可以吧,我要求不高哈!

    最后,深更半夜打扰大家挺不好意思,如果有打扰到大家!!小弟只有说一声“啊~~啊~~~西湖的水,我的泪~~让我们一起愉快的相约明晚的这个时候吧!

    我是东东!!你家隔壁的东东!http://gbjddd.taobao.com 不是老王哈!!嘿嘿~~~
    想要加我好友的,奴家很是欢喜呢!!!欢迎大家去我网店留言,给东东鼓励哟~~~说不定下一个大神就是你哟,当然别和你们楼主一样,他是个神坑!
    糟糕~~我妈来查寝了~~~我先闪!!!你们跟上哈!! duang  duang duang~~~~~

    呼哧呼哧Zzz.....


    评分

    参与人数 7美工币 +100 收起 理由
    繁华瞬间 + 20 惊艳!
    FreeSky + 20 狂拽酷炫叼炸天!
    Crazy小银 + 10 感谢分享!6666厉害求LOL上分
    尧可馨 + 20 赞一个!楼主辛苦了
    bdk236 + 16 一如既往的JJWW,但东西还是极好的!!!.
    darkrush + 4 感谢分享!
    binwuhui + 10 666666666666

    查看全部评分

    就算没有美工,你的网店也可以狂拽炫酷
    东东的网店:http://gbjddd.taobao.com
  • TA的每日心情
    加油
    2015-3-20 02:26
  • 签到天数: 1 天

    连续签到: 1 天

    [LV.1]初学乍练

    8

    主题

    54

    帖子

    3434

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    3434

     楼主| 发表于 2015-3-25 05:10:12 | 显示全部楼层
    沙发谁来霸占?你们太客气了!!!那么我就自己霸占了吧!!!哈哈
    就算没有美工,你的网店也可以狂拽炫酷
    东东的网店:http://gbjddd.taobao.com
  • TA的每日心情
    加油
    2015-3-20 02:26
  • 签到天数: 1 天

    连续签到: 1 天

    [LV.1]初学乍练

    8

    主题

    54

    帖子

    3434

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    3434

     楼主| 发表于 2015-3-25 05:24:32 | 显示全部楼层
    原谅你们楼主!!!压缩包代码有点小扯蛋!!!
    =======================================================
    1. <div style="height:675px;">
    2.   <div class="footer-more-trigger" style="width:1920px; height:700px; border:0; padding:0; top:-25px; left:50%;">
    3.     <div class="footer-more-trigger" style="width:1920px; height:700px; border:0; padding:0; top:0; left:-50%;">
    4.       
    5.       
    6.       <div class="J_TWidget" data-widget-type="Carousel" data-widget-config="{
    7.       'effect':'scrollx',
    8.       'easing':'easeBothStrong',
    9.       'contentCls':'content_dongdongaini_bg',
    10.       'navCls':'nav_dongdongaini',
    11.       'prevBtnCls':'prev_dongdongaini',
    12.       'nextBtnCls':'next_dongdongaini',
    13.       'autoplay':false,
    14.       'duration':1,
    15.       'pauseOnHover':false,
    16.       'circular':true}">
    17.         
    18.         
    19.         <div class="J_TWidget" data-widget-type="Carousel" data-widget-config="{
    20.         'effect':'scrollx',
    21.         'easing':'easeBothStrong',
    22.         'contentCls':'content_dongdongaini_01',
    23.         'navCls': 'nav_dongdongaini',
    24.         'prevBtnCls':'next_dongdongaini',
    25.         'nextBtnCls':'prev_dongdongaini',
    26.         'autoplay':false,
    27.         'duration':0.8,
    28.         'pauseOnHover':false,
    29.         'circular':true}">
    30.          
    31.          
    32.           <div class="J_TWidget" data-widget-type="Carousel" data-widget-config="{
    33.           'effect':'scrollx',
    34.           'easing':'easeBothStrong',
    35.           'contentCls':'content_dongdongaini_02',
    36.           'navCls': 'nav_dongdongaini',
    37.           'prevBtnCls':'prev_dongdongaini',
    38.           'nextBtnCls':'next_dongdongaini',
    39.           'autoplay':false,
    40.           'duration':1.7,
    41.           'pauseOnHover':false,
    42.           'circular':true}">
    43.            
    44.            
    45.            <div class="J_TWidget" data-widget-type="Carousel" data-widget-config="{
    46.       'effect':'scrollx',
    47.       'easing':'easeBothStrong',
    48.       'contentCls':'content_dongdongaini_03',
    49.       'navCls':'nav_dongdongaini',
    50.       'prevBtnCls':'prev_dongdongaini',
    51.       'nextBtnCls':'next_dongdongaini',
    52.       'autoplay':false,
    53.       'duration':1.4,
    54.       'pauseOnHover':false,
    55.       'circular':true}">
    56.             
    57.             
    58.             <div style="width:1920px; height:700px; overflow:hidden;">
    59.               <ul class="content_dongdongaini_bg">
    60.                 <li style="width:1920px; height:700px; background:url([img]http://img01.taobaocdn.com/imgextra/i1/760372102/TB2aXqRcXXXXXcgXpXXXXXXXXXX_!!760372102.jpg[/img]);"></li>
    61.                 <li style="width:1920px; height:700px; background:url([img]http://img01.taobaocdn.com/imgextra/i1/760372102/TB2aXqRcXXXXXcgXpXXXXXXXXXX_!!760372102.jpg[/img]) ;"></li>
    62.                 <li style="width:1920px; height:700px; background:url([img]http://img01.taobaocdn.com/imgextra/i1/760372102/TB2aXqRcXXXXXcgXpXXXXXXXXXX_!!760372102.jpg[/img]);"></li>
    63.               </ul>
    64.             </div>
    65.            
    66.       
    67.       <div class="footer-more-trigger" style="width:1920px; height:700px; overflow:hidden; border:0; padding:0; top:0; left:0;">
    68.         <div style="width:1920px; height:700px;">
    69.         <ul class="content_dongdongaini_01">
    70.           <li style="width:1920px; height:700px;">
    71.          
    72.           <div style="width:1920px; height:700px; float:left;"><img src="http://img04.taobaocdn.com/imgextra/i4/760372102/TB2Ire7cXXXXXckXXXXXXXXXXXX_!!760372102.png" /> </div>
    73.          
    74.         </li>
    75.         <li style="width:1920px; height:700px;">
    76.          
    77.           <div style="width:1920px; height:700px; float:left;"><img src="http://img04.taobaocdn.com/imgextra/i4/760372102/TB2Ire7cXXXXXckXXXXXXXXXXXX_!!760372102.png" /> </div>
    78.          
    79.         </li>
    80.         <li style="width:1920px; height:700px;">
    81.          
    82.           <div style="width:1920px; height:700px; float:left;"> <img src="http://img04.taobaocdn.com/imgextra/i4/760372102/TB2Ire7cXXXXXckXXXXXXXXXXXX_!!760372102.png" /> </div>
    83.          
    84.         </li>
    85.         </ul>
    86.         </div>
    87.       </div>
    88.      
    89.       
    90.       
    91.       <div class="footer-more-trigger" style="width:1920px; height:700px; overflow:hidden; border:0; padding:0; top:0; left:0;">
    92.         <div style="width:1920px; height:700px;">
    93.         <ul class="content_dongdongaini_02">
    94.           <li style="width:1920px; height:700px;">
    95.          
    96.           <div style="width:1920px; height:700px; float:left;"><img src="http://img03.taobaocdn.com/imgextra/i3/760372102/TB2PCe5cXXXXXXkXpXXXXXXXXXX_!!760372102.png" /></div>
    97.          
    98.         </li>
    99.         <li style="width:1920px; height:700px;">
    100.          
    101.           <div style="width:1920px; height:700px; float:left;"><img src="http://img03.taobaocdn.com/imgextra/i3/760372102/TB2PCe5cXXXXXXkXpXXXXXXXXXX_!!760372102.png" /></div>
    102.          
    103.         </li>
    104.         <li style="width:1920px; height:700px;">
    105.          
    106.           <div style="width:1920px; height:700px; float:left;"><img src="http://img03.taobaocdn.com/imgextra/i3/760372102/TB2PCe5cXXXXXXkXpXXXXXXXXXX_!!760372102.png" /></div>
    107.          
    108.         </li>
    109.         </ul>
    110.         </div>
    111.       </div>
    112.       
    113.       
    114.       <div class="footer-more-trigger" style="width:1920px; height:700px; overflow:hidden; border:0; padding:0; top:0; left:0;">
    115.         <div style="width:1920px; height:700px;">
    116.         <ul class="content_dongdongaini_03">
    117.           <li style="width:1920px; height:700px;">
    118.          
    119.           <div style="width:1920px; height:700px; float:left;"><img src="http://img02.taobaocdn.com/imgextra/i2/760372102/TB2oTq_cXXXXXa.XXXXXXXXXXXX_!!760372102.png" /></div>
    120.          
    121.         </li>
    122.         <li style="width:1920px; height:700px;">
    123.          
    124.           <div style="width:1920px; height:700px; float:left;"><img src="http://img02.taobaocdn.com/imgextra/i2/760372102/TB2oTq_cXXXXXa.XXXXXXXXXXXX_!!760372102.png" /></div>
    125.          
    126.         </li>
    127.         <li style="width:1920px; height:700px;">
    128.          
    129.           <div style="width:1920px; height:700px; float:left;"><img src="http://img02.taobaocdn.com/imgextra/i2/760372102/TB2oTq_cXXXXXa.XXXXXXXXXXXX_!!760372102.png" /></div>
    130.          
    131.         </li>
    132.         </ul>
    133.         </div>
    134.       </div>
    135.       
    136.       
    137.        <div  class="prev_dongdongaini footer-more-trigger" style="width:50px; height:130px;  background:url([img]http://img03.taobaocdn.com/imgextra/i3/760372102/TB2d4KNcXXXXXaIXXXXXXXXXXXX_!!760372102.png[/img]) 0 0; border:0; padding:0; top:257px; left:240px; cursor:pointer;"></div>
    138.        <div  class="next_dongdongaini footer-more-trigger" style="width:50px; height:130px;  background:url([img]http://img03.taobaocdn.com/imgextra/i3/760372102/TB2d4KNcXXXXXaIXXXXXXXXXXXX_!!760372102.png[/img]) -70px 0; border:0; padding:0; top:257px; left:auto; right:240px;cursor:pointer;"></div>
    139.         
    140.          
    141.       
    142.           </div>
    143.         </div>
    144.       </div>
    145.      </div>
    146.     </div>
    147.   </div>
    148. </div>
    复制代码

    就算没有美工,你的网店也可以狂拽炫酷
    东东的网店:http://gbjddd.taobao.com
  • TA的每日心情
    吐舌头
    2015-5-5 09:05
  • 签到天数: 40 天

    连续签到: 1 天

    [LV.5]略有小成

    0

    主题

    18

    帖子

    8473

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    8473

    发表于 2015-3-25 07:54:56 | 显示全部楼层
    效果  酷炫的一逼  膜拜

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    抱抱
    1 小时前
  • 签到天数: 658 天

    连续签到: 24 天

    [LV.9]已臻大成

    0

    主题

    51

    帖子

    9万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    94276

    发表于 2015-3-25 08:00:05 | 显示全部楼层
    楼主好有个性,厉害

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    加油
    2015-11-12 14:41
  • 签到天数: 45 天

    连续签到: 1 天

    [LV.5]略有小成

    6

    主题

    144

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    11667

    天猫美工最佳新人热心会员

    发表于 2015-3-25 08:38:10 | 显示全部楼层

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情

    2016-11-22 16:17
  • 签到天数: 665 天

    连续签到: 1 天

    [LV.9]已臻大成

    18

    主题

    330

    帖子

    12万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    128501

    最佳新人热心会员宣传达人活跃会员

    发表于 2015-3-25 08:42:11 | 显示全部楼层
    不错 不错 支持下

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    吐舌头
    2016-7-9 23:53
  • 签到天数: 406 天

    连续签到: 1 天

    [LV.9]已臻大成

    2

    主题

    304

    帖子

    7万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    73417

    发表于 2015-3-25 08:42:44 | 显示全部楼层
    不得不说,你小子真帅!我很欣赏你哟!

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    吐舌头
    前天 20:28
  • 签到天数: 719 天

    连续签到: 1 天

    [LV.9]已臻大成

    2

    主题

    601

    帖子

    13万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    135176

    发表于 2015-3-25 08:55:20 | 显示全部楼层
    先顶后看

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    抱抱
    2015-8-19 20:20
  • 签到天数: 28 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    0

    主题

    20

    帖子

    9023

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    9023

    发表于 2015-3-25 08:59:05 | 显示全部楼层
    楼主杠杠的!!!!

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    小黑屋|Archiver|手机版|粤公网安备44060502000322号|淘宝美工论坛 ( 桂ICP备12007265号-8 )  

    GMT+8, 2016-12-10 13:05 , Processed in 0.149730 second(s), 31 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表