软件开发培训班 >> 编程开发 >> JavaScript

jquery 弹出公告功能代码

　　本文标签：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>

技术文章快速查找

js 淘宝首页的拼音排序效果

C#中TrimStart,TrimEnd,Trim在javascript上的实现

js 函数的执行环境和作用域链的深入解析

jquery图片延迟加载前端开发技能必备系列

javascript 图片上传预览-兼容标准

Dom入门教程图解推荐

读jQuery之四（优雅的迭代）

JavaScript高级程序设计阅读笔记（十四） js继承机制的实现

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建