特效1: 鼠标滑动到某区域, 则该区域的指定地方出现一个可以点击的小图标;
实现方法: jquary + css + html
实现代码:
(1)css部分
.info_edit_show_pic{
position:absolute;
bottom:2px;
left:40%;
width:35px;
height:35px;
background:#FFF;
border-radius:17.5px;
display:none;
}
.info_edit_show_pic img{
height:70%;
width:70%;
display:block;
margin:5px auto;
}
.info_user_img{
display:block;
position:relative;
}
(2)jquary部分
<script type="text/javascript">
$(document).ready(function(){
$('.move111').mouseover(function(){ //鼠标覆盖事件
$('.info_edit_show_pic').css("display","block"); //改变它的css,使它显示
});
$('.move111').mouseout(function(){ //鼠标移走事件
$('.info_edit_show_pic').css("display","n