本日志标题:[转]淘宝商城鼠标经过区域变亮,其余区域变暗的代码        [2012-3-13] Bookmark and Share

在淘宝商城浏览产品图片时发现鼠标经过时区域变亮,其余区域变暗。

鼠标未经过时


鼠标经过时


1、应用JQuery


[Ctrl+A 全部选择进行拷贝 提示:可先修改部分代码,再点击运行]

代码优化了下,其实没必要用到遮罩,a中放div对语义化不是很良好。
至于其他人说的纯css写法倒是没有想出来,这里的效果是当前经过的图片没有变化而是其他的图片有变暗,所以感觉用纯css实现的话就算不考虑ie6也几乎不可能实现,用css3选择器估计也是各种不兼容问题。。。

[Ctrl+A 全部选择进行拷贝 提示:可先修改部分代码,再点击运行]

纯CSS的话还需要写一些for IE/no webkit系列的兼容

[Ctrl+A 全部选择进行拷贝 提示:可先修改部分代码,再点击运行]

原文地址:http://bbs.blueidea.com/thread-3034019-1-1.html
在百度搜索完整的[转]淘宝商城鼠标经过区域变亮,其余区域变暗的代码内容,或者用Google搜索相关的更多内容

By [cnbruce] at 14:41:16 | 评论 [7] | 浏览 [21141] | TrackBack| 返回顶部

About Comments
a{}
a .box{}
a:hover{zoom:1}
a:hover .box ul li a{opacity:0.5}
a:hover .box ul li a:hover{opacity:1}

//不负责,未测试
By [weilaixu] at 2013-2-20 17:16:25
不行啊 我复制到淘宝还是不行 在这边直接更换图片运行 那张图片就不见了 怎么回事啊 请赐教啊 加我 QQ306565509 感激不尽啊
By [霹雳] at 2013-11-25 15:13:18


Post a Comment
呢称: 验证码: 
禁止笑脸转换 禁止UBB | 缩放输入框:6 5 | [Ctrl+Enter提交](1000个字符限制)