通往架构师之路

当一个人找不到出路的时候,最好的办法就是将当前能做好的事情做到极致,做到无人能及。...

鼠标移动到图片出现按钮,点击删除图片

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<style type="text/css">
  .btnbox{
  z-index:999;
  position:relative;
  left:400px;
  top:-350px;
}
</style>

<script src="jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
  function show(thisObj)
  {
	$(thisObj).children("div").css("display","block");
  }

  function hide(thisObj)
  {
	$(thisObj).children("div").css("display","none");
  }

  function aa(obj){
        $(obj).parent().parent().remove();
  }
</script>

</head>
<body>
    <div id="content">   
       <div  onmouseover="show(this)" onmouseout="hide(this)"  style="float:left">
         <img src="img2.jpg"/>
         
         <div class="btnbox" style="width:170px; height:20px;" >
          <input type="button" value="testbtn1"  onclick="aa(this)"/>
         </div>
         
       </div>
       
       <div  onmouseover="show(this)" onmouseout="hide(this)"   style="float:left">
         <img src="img2.jpg"/>
         
         <div class="btnbox" style="width:170px; height:20px;" >
          <input type="button" value="testbtn2"  onclick="aa(this)"/>
         </div>
         
       <div>
    </div>
</body>
</html>



阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/kouwoo/article/details/43563155
文章标签: jquery
个人分类: jquery
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭