淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 731|回复: 6
收起左侧

分享一个鼠标移动效果变化css代码

[复制链接]
  • TA的每日心情

    2016-10-1 09:38
  • 签到天数: 96 天

    连续签到: 1 天

    [LV.6]渐入佳境

    17

    主题

    418

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    20647

    发表于 2015-10-24 13:52:31 | 显示全部楼层 |阅读模式
    该代码的效果图如图所示 QQ截图20151024134006.jpg ,注意是突破990的宽度,宽度高度需要自己修改,我这里高度是200,占用宽度1200,间距什么的自己需要算好哦,具体代码献上!如果有用欢迎点个赞
    1. <div style="height:200px;">
    2.   <div class="sn-simple-logo" style="left:50%;height:200px;">
    3.     <div class="sn-simple-logo" style="left:-960px;height:200px;width:1920px;">
    4.       <div style="width:1920px;height:200px;margin-left:360px;">
    5.          <a href="模块链接" target="_blank" class="ui-brand-btn-ex-align-right" style="float:left;margin-right:80px;width:240px;height:200px;background:#333 url(变化前图片);"> <span style="width:240px;height:200px;background:#999 url(鼠标经过图片);"> </span> </a>
    6. <a href="模块链接" target="_blank" class="ui-brand-btn-ex-align-right" style="float:left;margin-right:80px;width:240px;height:200px;background:#333 url(变化前图片);"> <span style="width:240px;height:200px;background:#999 url(鼠标经过图片);"> </span> </a>
    7. <a href="模块链接" target="_blank" class="ui-brand-btn-ex-align-right" style="float:left;margin-right:80px;width:240px;height:200px;background:#333 url(变化前图片);"> <span style="width:240px;height:200px;background:#999 url(鼠标经过图片);"> </span> </a>

    8.       </div>
    9.     </div>
    10.   </div>
    11. </div>
    复制代码



    世界那么大,我走在少了你的风景里...https://shop102591777.taobao.com/
  • TA的每日心情
    思考
    2016-9-7 16:50
  • 签到天数: 137 天

    连续签到: 1 天

    [LV.7]炉火纯青

    16

    主题

    350

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    19791

    最佳新人热心会员

    发表于 2015-10-24 14:01:28 | 显示全部楼层

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


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

  • TA的每日心情
    加油
    2016-3-27 09:13
  • 签到天数: 64 天

    连续签到: 1 天

    [LV.6]渐入佳境

    1

    主题

    25

    帖子

    9535

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    9535

    发表于 2015-10-24 14:01:41 | 显示全部楼层
    抢个沙发,感谢分享
    再牛逼的梦想,也抵不住傻逼似的坚持!
  • TA的每日心情

    2016-10-1 09:38
  • 签到天数: 96 天

    连续签到: 1 天

    [LV.6]渐入佳境

    17

    主题

    418

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    20647

     楼主| 发表于 2015-10-24 14:13:31 | 显示全部楼层
    麻辣丫斯 发表于 2015-10-24 14:01
    抢个沙发,感谢分享

    貌似亲没抢到沙发

    世界那么大,我走在少了你的风景里...https://shop102591777.taobao.com/
  • TA的每日心情

    8 小时前
  • 签到天数: 209 天

    连续签到: 2 天

    [LV.7]炉火纯青

    31

    主题

    1312

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    38205

    热心会员最佳新人

    QQ
    发表于 2015-10-24 14:18:23 | 显示全部楼层
    沙发没了,板凳他娘的也没有了,我还怎么水贴,
    当断不断,必受其乱
  • TA的每日心情
    加油
    2016-3-27 09:13
  • 签到天数: 64 天

    连续签到: 1 天

    [LV.6]渐入佳境

    1

    主题

    25

    帖子

    9535

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    9535

    发表于 2015-10-24 14:18:42 | 显示全部楼层

    那就板凳吧

    再牛逼的梦想,也抵不住傻逼似的坚持!
  • TA的每日心情
    加油
    2015-10-27 10:29
  • 签到天数: 3 天

    连续签到: 1 天

    [LV.2]登堂入室

    0

    主题

    8

    帖子

    2461

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    2461

    QQ
    发表于 2015-10-24 15:31:41 | 显示全部楼层
    赞一个

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


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

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

    本版积分规则

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

    GMT+8, 2016-12-10 18:50 , Processed in 0.119421 second(s), 18 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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