其实主要是jquery 层选择器的应用,jquery 高手可以跳过。。
网易相册效果图如下:当鼠标移动经过照片就显示“设为封面|删除”,移开后就隐藏,此效果在web开发中经常会用到。故总结一下

直接上代码:
代码如下:
Insert title here script>
jQuery(document).ready(function(){
jQuery("#imgvv div").hover(function() {
jQuery(this).find("#oper").show().find("a").attr("href","javascript:void(0)");
}, function() {
jQuery(this).find("#oper").hide();
});
});
script>
![]()
title="myhome photo" myHOME"
src="https://www.gxlcms.com/Uploads//Uploads//Uploads//FileManager/upload/photo/l9pztyhx5tY=/nJnRixC/lG8=/e400bd4c851240459db967b721c5101e_a.JPG">
myHOME 共2张照片
编辑属性|href="#">删除
![]()
title="myhome photo" myHOME"
src="https://www.gxlcms.com/Uploads//Uploads//Uploads//FileManager/upload/photo/l9pztyhx5tY=/nJnRixC/lG8=/e400bd4c851240459db967b721c5101e_a.JPG">
myHOME 共2张照片
编辑属性|href="#">删除
![]()
title="myhome photo" myHOME"
src="https://www.gxlcms.com/Uploads//Uploads//Uploads//FileManager/upload/photo/l9pztyhx5tY=/nJnRixC/lG8=/e400bd4c851240459db967b721c5101e_a.JPG">
myHOME 共2张照片
编辑属性|href="#">删除
运行结果:

事实上主要是jquery的层选择器:
$("div span")//选择里所有元素
$("div>span")//选择元素下元素名为的元素(仅一个)
$('prev+next')//选择紧接在prev元素后的next元素(所有匹配的对象)
$('prev~siblings')//选择prev元素之后的所有sibling元素
这里用到是选择元素内的元素“find()”方法。
一年多没有用JQeruy了,方法全忘记啦,复习一下吧。