• 我省首例侵犯公民个人信息案终审宣判 2019-04-19
  • 你反来复去说“客观事实及其规律”,自己数一下,都说了几遍了,还不是老年痴呆?要你解释一下什么是“客观事实”,又装聋作哑。 2019-04-19
  • 小米之家南京旗舰店今日正式开业 2019-04-16
  • 《世界杯相对论》:谁能站本届世界杯的C位? 2019-04-16
  • Vitamix中国官网 全食物全营养破壁料理机官方网站 2019-04-06
  • 毕业租房季开启,仅部分租金上涨 2019-04-05
  • 深圳晚报总编辑丁时照祝贺人民日报创刊70周年 2019-04-02
  • 美国已经获得了,美国期望的金融开放,其他的美国已经不在乎了。本人早就断定,中美合作奢谈共赢。美国需要的是进入和控制中国,中国需要的是出口创汇。 2019-04-01
  • 《共产党宣言》中译史话 2019-04-01
  • 三只树懒漂洋过海亮相杭州 看着都困 2019-03-30
  • Povo é criador da história e verdadeiro herói, diz Xi 2019-03-28
  • 流口水!重庆百家宴香气四溢 三千多人齐聚庆新年 2019-03-28
  • 发现食品安全问题拨打12331投诉 2019-03-22
  • 市场能调节供需平衡吗? 2019-03-22
  • 中纪委:从公款招待私客等入手 露头就打 2019-03-12
  • 首页 > 网页特效 > 图片特效 > 仿天猫商城鼠标划过图片变暗的jquery特效代码

    快乐十分钟彩票走势图:仿天猫商城鼠标划过图片变暗的jquery特效代码

    时间:2012-04-20    来源:163CSS

    对于这个特效,估计大家非常熟悉,它就出现我们的天猫商城网站上,也许天猫商城的设计就像带着你在爬楼层一样,上面写着1F,2F,3F,4F...

    左侧是我们常见的知名品牌,右侧是产品分类的图片。当我们将鼠标移至图片上时:

    熟悉CSS的人都知道这是采用滤镜做出来的,但让人吃惊的是它是划过的图片变亮而其它变暗。这让我有点思考不出,按我的想法,应该是一开始是变暗的,鼠标划过才变亮。我尝试着去研究天猫商城的代码,但找不到解决方案,只知道鼠标划过时加了一个hover的样式名。

    后来我放弃对淘宝代码的研究,我加了JQUERY,当鼠标划过的时候,整个图片变暗,而单独的图片加上另外一个样式名:

    不过,里面的图片还是得通过定位去实现。。。

    后来,有朋友告诉我,网上有人也做出来了,但它采用了:

    演示效果1 演示效果2

    特效推荐

    热门特效

  • 我省首例侵犯公民个人信息案终审宣判 2019-04-19
  • 你反来复去说“客观事实及其规律”,自己数一下,都说了几遍了,还不是老年痴呆?要你解释一下什么是“客观事实”,又装聋作哑。 2019-04-19
  • 小米之家南京旗舰店今日正式开业 2019-04-16
  • 《世界杯相对论》:谁能站本届世界杯的C位? 2019-04-16
  • Vitamix中国官网 全食物全营养破壁料理机官方网站 2019-04-06
  • 毕业租房季开启,仅部分租金上涨 2019-04-05
  • 深圳晚报总编辑丁时照祝贺人民日报创刊70周年 2019-04-02
  • 美国已经获得了,美国期望的金融开放,其他的美国已经不在乎了。本人早就断定,中美合作奢谈共赢。美国需要的是进入和控制中国,中国需要的是出口创汇。 2019-04-01
  • 《共产党宣言》中译史话 2019-04-01
  • 三只树懒漂洋过海亮相杭州 看着都困 2019-03-30
  • Povo é criador da história e verdadeiro herói, diz Xi 2019-03-28
  • 流口水!重庆百家宴香气四溢 三千多人齐聚庆新年 2019-03-28
  • 发现食品安全问题拨打12331投诉 2019-03-22
  • 市场能调节供需平衡吗? 2019-03-22
  • 中纪委:从公款招待私客等入手 露头就打 2019-03-12