jQuery仿淘宝商城天猫鼠标移动过去，透明度降低

2019独角兽企业重金招聘Python工程师标准>>>

淘宝商城现在不叫淘宝商城了，天猫，感觉怪怪的，还是依然改不了口啊。

不知道哪天会改成天狗。 jquery特效YY了下。 http://www.jqueryba.com/22.html

虽说改名字了，但是里面淘宝商城还是那样，整个页面让我比较感兴趣的是，从引人耳目的flash图片切换到下面，大篇幅的使用鼠标移动到图片上透明度降低周围图片恢复，从而图片鼠标移至的图片。

其实实现这个效果很容易，主要在css样式中加个opacity: 0.70;XImageTransform.Microsoft.Alpha(style=0,opacity=70,finishOpacity=70);filter:alpha(opacity=70);

然后javascript，我用的是jquery那更简单了hover就可以了，大体思路是鼠标移动过去增加一个样式，移除的话样式清除。

闲话不多说了，不早了，该睡觉了。

在线效果 DEMO

转载于:https://my.oschina.net/jqueryba/blog/69026

jQuery仿淘宝商城天猫鼠标移动过去，透明度降低相关推荐

jquery仿淘宝商城选择商品尺寸与大小颜色功能
jquery仿淘宝商城选择商品尺寸与大小颜色功能. 相关代码:https://download.csdn.net/download/pizilii/10537694 jquery代码调用: 1 2 3 ...
仿淘宝商城项目(分布式)
仿淘宝商城项目(分布式) 前言暑假枯燥的生活令我乏味,学完了Java框架的我按捺不住,准备做一个项目练练手,巩固并提高对所学知识的理解及运用. 想了几天,也参考网上的推荐,很多都是××管理系统.OA ...
淘宝商城首页鼠标经过整个区域图片变暗变亮的JS特效代码
淘宝商城首页商品分类模块当鼠标经过整个区域图片变暗,唯一鼠标悬停的那个商品图片变亮的JS特效代码! 在线演示:http://mj.588cy.com/jquery/22.html <!DOCTY ...
仿淘宝商城项目第一天
学习新的web项目,特此记录: 1:功能描述: 后台管理系统:管理商品.订单.类目.商品规格属性.用户管理以及内容发布等功能. 前台系统:用户可以在前台系统中进行注册.登录.浏览商品.首页.下单等操作 ...
仿淘宝商城网站源码+附教程
介绍: 搭建简略步骤: 1.上传源码,解压源码 2.访问域名,进行安装, 按照提示输入数据库账号和密码 3.安装完成后默认账号admin 密码是你自己填写的设置的那个网盘下载地址: http://k ...
jQuery仿淘宝鼠标悬停动画图标导航特效
jQuery仿淘宝鼠标悬停动画图标导航特效下载地址:jQuery仿淘宝鼠标悬停动画图标导航特效 http://www.sucaijiayuan.com/Js/DaoHangDaiMa/1462.ht ...
淘宝商城更名天猫，很二的决定
在中国的企业里,马云(微博)和他的阿里系是极擅长品牌塑造.宣传与公关的,但阿里系在去年的几次公关行动,无论是年初的"卫哲辞职".年中的"支付宝与VIE事件".或 ...
淘宝商城为何改名为“天猫”？
今天进入淘宝店铺,就会发现淘宝有一个大大的横幅,现实淘宝商城正式更名为"天猫"而且还有一个小黑猫,还有logo及天猫形象的全球征集,看来淘宝是是搞着玩的,正式改名以为事实. 点击进 ...
HTML+CSS 仿写淘宝商城分类导航
效果图学会淘宝商城的分类导航以后,会发现大多数的电商网站都是这样的效果,在做其他网站时具体分析即可. 首先我们要构思整个大框架的结构:左边是全部商品分类,在这个分类中主要是用了导航列表(ul li) ...

jQuery仿淘宝商城天猫鼠标移动过去，透明度降低

jQuery仿淘宝商城天猫鼠标移动过去，透明度降低相关推荐

最新文章

热门文章