之前的笔记整理（2）

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部分的修改、登录以及未登录两种状态不同的显示效果