使用jquery完成自动隐藏到边框

最新推荐文章于 2021-06-03 23:38:17 发布

manx00

最新推荐文章于 2021-06-03 23:38:17 发布

阅读量830

点赞数

文章标签： jquery function javascript

本文链接：https://blog.csdn.net/manx00/article/details/5768940

版权

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<script language="javascript" src="jquery.js"></script>
<script language="javascript">
$(document).ready(function(){
  $("#d2").fadeIn(500,function(){
   setTimeout("$('#d2').fadeOut(1000)",6000);
  }).click(function(){
    $(this).fadeOut(1000);
  });

  $("#d1").mouseover(function(){
   $("#d2").fadeIn(1000);
  });
});
</script>
<style type="text/css">
#d1{
display:block;
background:red;
width:100%;
height:5px;
line_height:5px;
}
#d2{
display:none;
background:black;
width:100%;
height:200px;
}
</style>
</head>
<body>
<div id="d1"></div>
<div id="d2"></div>
</body>
</html>