现在的位置: 首页 > WEB前端 > 正文
jQuery宽度逐渐变窄并消失[实例]
2013年08月01日 WEB前端 ⁄ 共 569字 暂无评论 ⁄ 被围观 1,503 views+
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> jQuery宽度逐渐变窄并消失[实例] </title>

  <script type="text/javascript" src="http://js.imglafaso.com/js/jquery-1.6.4.min.js"></script>

  <style>
    #main{position:absolute;right:0;top:0;width:300px;height:50px;background:red;border:1px solid #333;display:block}
  </style>
 </head>
 <body>
    <div id="main"></div>
  <script>
    $('#main').click(function(){
        $(this).animate({width:0,display:'none',border:1,right:0},1000)
    })
  </script>
 </body>
</html>

给我留言

您必须 [ 登录 ] 才能发表留言!