Jq-弹出公告

<!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=utf-8" />
<title>豪情</title>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><style>
*{margin:0;padding:0;font-size:12px;}
li{float:left;width:100px;border:1px solid #ccc;list-style:none;text-align:center;}
h3{margin:20px auto;text-align:center;}
input{width:120px;height:30px;cursor:pointer;}
#notice{position:absolute;width:400px;padding:20px;background:#eee;border:1px solid #ccc;left:10px;top:10px;display:none;}
</style>
<script>
         $(function(){
             $('#open').click(function(){
                 $('#notice').slideDown();
                 $('#texta').val('豪情').select();
             });
             $('#closed').click(function(){
                 $('#notice').slideUp();
             });
         });
         </script></head>
<body>
<h3>
<input id="open" type="button" value="弹出公告" /><br />
<input id="closed" type="button" value="关闭公告" />
</h3>
<div id="notice">
<textarea name="" id="texta" cols="30" rows="10">

posted @ 2010-05-27 09:44 豪情阅读(781) 评论(1) 收藏举报

刷新页面返回顶部