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;100px;border:1px solid #ccc;list-style:none;text-align:center;}
h3{margin:20px auto;text-align:center;}
input{120px;height:30px;cursor:pointer;}
#notice{position:absolute;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">

相关阅读:
【JZOJ5603】【NOI2018模拟3.27】Xjz
【JZOJ5605】【NOI2018模拟3.26】Arg
【agc004e】Salvage Robots
【agc004c】AND Grid
【agc004d】Teleporter
【agc002f】Leftmost Ball
【agc002d】Stamp Rally
【arc068F】Solitaire
51nod 1172 Partial Sums V2
快速数论变换NTT模板

原文地址：https://www.cnblogs.com/jikey/p/1744953.html