jquery 弹出公告功能代码

时间：2022-06-06 09:31:44|栏目：jquery|点击：次

<!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>jquery 弹出公告</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="弹出公告" /> <input id="closed" type="button" value="关闭公告" /> </h3> <div id="notice"> <textarea name="" id="texta" cols="30" rows="10"></div></body></html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：使用jQuery重置(reset)表单的方法

栏目：jquery

下一篇：jquery ajaxfileuplod 上传文件 essyui laoding 效果【防止重复上传文件】

本文标题：jquery 弹出公告功能代码

本文地址：http://www.codeinn.net/misctech/203887.html

更多jquery

jquery

jquery 弹出公告功能代码

阅读排行

推荐教程