jquery弹出菜单,我的重写

最新推荐文章于 2021-06-04 01:06:47 发布

weixin_30379911

最新推荐文章于 2021-06-04 01:06:47 发布

阅读量140

点赞数

文章标签： javascript xhtml ViewUI

原文链接：http://www.cnblogs.com/wcg249165510/archive/2008/12/19/1357987.html

版权

Code
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script src="jquery-1.2.5.pack.js"></script>
<style type="text/css">

</style>
<script>
$(document).ready(function(){
    $("#btnAnimate").click(function(){
        $("#container").show();
        $("#son1").animate({left:'0'},1000);
    });
    $("#closeme").click(function(){
        $("#son1").animate({left:'-400'},{duration:1000,complete:hideDiv});
    });
});
function hideDiv(){
    $("#container").hide();
}
</script>
</head>

<body>
<p>sdfasdfasdf</p>
<p>1</p>
<p>1</p>

<form id="form1" name="form1" method="post" action="">
  <input name="btnAnimate" type="button" id="btnAnimate" value="按钮" />
</form>ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
sssssssssssssssssssssssssss
s
sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
sssssssssssssssssssssssssss
s
ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
sssssssssssssssssssssssssss
s
ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
sssssssssssssssssssssssssss
s
ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
sssssssssssssssssssssssssss
s
ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
sssssssssssssssssssssssssss
s
ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
sssssssssssssssssssssssssss
s
ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
sssssssssssssssssssssssssss
s
sssssssssssssssssssssssssssssssss
<div id="container">
<div id="son1">
        <a href="#" id="closeme">关闭</a>
  <p>shdfjksdklfjsldfHElloWorld11111111111111111</p>
  <p>1</p>
  <p>1</p>
  <p>1</p>
  <p>1sdddddddddddddddddddddddddddddddddddddddddd</p>
  <p>11</p>

</div>
</div>

<p>1</p>
<p> </p>
<p>sdfhuuaisdhf</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p> </p>
<p>1</p>
<p>1</p>
<p>1 </p>
</body>
</html>

转载于:https://www.cnblogs.com/wcg249165510/archive/2008/12/19/1357987.html