凡客诚品精品街宽屏轮播插件与鼠标高亮显示效果

如图一：页面刷新时候的效果是这样的

如图二：图片过五秒会自动轮转一次，当鼠标移动到小广告图时候，其他广告图出校灰色效果，这样效果是一个很简单的效果制作成的

最后，javascript的代码分享为：

$(function(){

$(".mScm-right").hover(function(){},function(){$(this).find("i").css({filter:"alpha(opacity=0)",opacity:"0"});});
$(".mScm-right li").hover(function(){var e=this;$("li",$(this).parent(".mScm-right")).each(function(){if(this!=e){$(this).find("i").css({filter:"alpha(opacity=60)",opacity:"0.6"});}else{$(this).find("i").css({filter:"alpha(opacity=0)",opacity:"0"});}});},function(){$(this).find("i").css({filter:"alpha(opacity=60)",opacity:"0.6"});});

});

另外：列表页出现轮播转动效果如下，这个是当鼠标没再所在的位置时候，这个列表也是可以随表转动的，当鼠标移动上去也是可以转动，一个灵活的插件效果

上面的代码是鼠标高亮显示效果的代码，是一个非常简单的代码之一

文件分享网址：http://yunpan.cn/Q9gJZVK4nKX8z

转载于:https://www.cnblogs.com/chenguiya/p/3386588.html

凡客诚品精品街宽屏轮播插件与鼠标高亮显示效果相关推荐

更好的设计 | 苹果cms10《 SKRN》自适应影视站绿色清新精品模板高端大气宽屏轮播
苹果cms10< SKRN>自适应影视站绿色清新精品模板高端大气宽屏轮播可以拿来做影视站的经典侧栏样式模板.自定义幻灯,包含了专题.剧情.明星.留言页面等样式及全部功能此款为私人10k ...
苹果CMSv10自适应视频站精品模板高端大气宽屏轮播幻灯模板
苹果CMSv10自适应视频站精品模板高端大气宽屏轮播幻灯模板此款为私人3k高价定制版经协商同意后上架为共享版本,上架不久后销量爆棚,宽屏大气模板,DIY系列支持扩展,完美自适应支持手机触屏! 声明: ...
slick.js基于jQuery全屏轮播插件
下载地址基于slick.js轮播插件实现的全屏轮播效果,支持图片和文字动画显示效果. dd:
网站项目必备——12款白富美型 jQuery 图片轮播插件
转自:http://www.cnblogs.com/lhb25/archive/2013/01/06/jquery-image-carousel-effect.html 图片轮播是网站中的常用功能,用 ...
jquery手写轮播图_15个超强的jQuery/HTML5图片轮播插件
最近我们为大家分享过不少基于jQuery的图片轮播插件,当然也有很多使用了HTML5和CSS3的相关技术,让整个图片播放器显得更加美观,动画效果显得更加炫酷.这次我们特意为大家筛选了一些最新的jQue ...
html轮播图水平传送带,经典的白富美型jQuery图片轮播插件
图片轮播是网站中的常用功能,用于在有限的网页空间内展示一组产品图片或者照片,同时还有非常吸引人的动画效果.本文向大家推荐12款实用的 jQuery 图片轮播效果插件,帮助你在你的项目中加入一些效果精美 ...
html5+自动播放轮播插件,15个超强的jQuery/HTML5图片轮播插件
最近我们为大家分享过不少基于jQuery的图片轮播插件,当然也有很多使用了HTML5和CSS3的相关技术,让整个图片播放器显得更加美观,动画效果显得更加炫酷.这次我们特意为大家筛选了一些最新的jQue ...
html轮播图水平传送带,12款 jquery轮播插件
Nivo Slider 首先推荐的这款插件号称世界上最棒的图片轮播插件,有独立的 jQuery 插件和 WordPress 插件两个版本. 目前下载量已经突破 1,800,000 次!jQuery 独 ...
jquery，js实现手机端全屏轮播图手动滑动+自动切换(autoplay)
jquery,js实现手机端全屏轮播图使用了swiper插件,可手动滑动切换也可自动切换效果图 css代码只是作为参考,可以根据你自己的需求去改,这里我用的是上下两张背景图,图自行修改 html ...

凡客诚品精品街宽屏轮播插件与鼠标高亮显示效果

凡客诚品精品街宽屏轮播插件与鼠标高亮显示效果相关推荐

最新文章

热门文章