之前的笔记整理（2）

最新推荐文章于 2024-08-15 16:50:55 发布

转载最新推荐文章于 2024-08-15 16:50:55 发布 · 50 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/canrz/p/3429967.html

2013年11月13日星期三

通过siblings() 方法来实现鼠标经过，其余图片变暗的效果

HTML代码：
<div class="imglist">
    <a href="#"><img src="images/530_1.jpg"></a>
    <a href="#"><img src="images/530_2.jpg"></a>
    <a href="#"><img src="images/530_3.jpg"></a>
</div>
CSS：
.imglist {float:left; width:580px;}
.imglist a{float:left; background-color:#000;}
JS部分：
$(function(){
	$(".imglist").find("a").each(function()
	{   
		$(this).hover(function(){    //当鼠标移上去时
　　//它的兄弟图片透明度降到0.7
			$(this).siblings().find("img").stop().fadeTo("slow",0.7);
		},function(){          //当鼠标移出的时候
　　//它的兄弟图片透明度回到1
			$(this).siblings().find("img").stop().fadeTo("slow",1);
			}); 
	})

2013年11月18日星期一

网页在重构以及测试的时候需要注意不同文件夹里面的公共header以及footer部分的修改、登录以及未登录两种状态不同的显示效果

转载于:https://www.cnblogs.com/canrz/p/3429967.html