失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > jQuery实现鼠标滑过遮罩并高亮显示效果【jquery】

jQuery实现鼠标滑过遮罩并高亮显示效果【jquery】

时间:2024-06-17 10:18:35

相关推荐

jQuery实现鼠标滑过遮罩并高亮显示效果【jquery】

web前端|js教程

鼠标滑过,遮罩,高亮显示

web前端-js教程

宠物 php源码,vscode 代码 美化,虚拟机怎么设置ubuntu,tomcat热切换,sqlite中存放图片,ecshop短信接口插件,web前端框架怎么学,nodejs可以做爬虫吗,php中的输出,超级蜘蛛seo,模板下载网站织梦模板,网页悬浮图层,建设中 模板,条形码扫描程序源代码lzw

鼠标滑过遮罩高亮效果

*{padding:0;margin:0;}

ul,li{list-style:none;}

.picshow{float:left;padding:4px 0;width:760px;position:relative;}

.picshow li{float:left;height:160px;width:190px;background:/000;opacity:0.9;}

.picshow li img{height:160px;width:190px;}

.picshow li a{display:block;}

$(function() {

var conAry = $("[name=h_light]");

conAry.each(function(){

var $this = $(this);

var els = $("a", $this);

els.each(function(){

var el = $(this);

el.mouseover(function() {

els.css({ "opacity": 0.6});

el.animate({ "opacity": 0.9 });

});

});

$this.mouseout(function() {

els.css("opacity", 1);

});

});

});

效果图如下:

分销系统 源码下载,vscode好看的编程字体,ubuntu裁剪 /usr,tomcat日志实时查看,如何腌制爬虫,php 串口读写,湖州百度seo引流,软软件件产产品品网网站站源源码码,前端app商城自定义模板下载lzw

如果觉得《jQuery实现鼠标滑过遮罩并高亮显示效果【jquery】》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。