jquery 弹出公告功能代码

更新时间：2010年05月27日 12:30:25 作者：

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 ui 实现 tab标签功能示例【测试可用】
这篇文章主要介绍了jquery ui 实现 tab标签功能,结合完整实例形式分析了jquery ui 实现 tab标签切换功能的相关操作技巧,需要的朋友可以参考下
2019-07-07
jQuery模拟select实现下拉菜单功能
这篇文章主要介绍了jQuery模拟select实现下拉菜单功能,比较实用,需要的朋友可以参考下。
2016-06-06
AJAX在JQuery中的应用详解
今天小编就为大家分享一篇关于AJAX在JQuery中的应用详解，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
2019-01-01
基于jquery的tab切换 js原理
基于jquery的tab切换使用的是js的原理。绑定鼠标经过事件实现的。
2010-04-04
jQuery使用children()找到特定元素的子元素
children()是jQuery中的内置方法,用于查找与所选元素相关的所有子元素, jQuery中的children()方法向下遍历到所选元素的单个级别并返回所有元素,我们还可以在children()的参数中添加过滤器、使用children()来定位特定的子元素以及使用each()方法来迭代子元素等
2023-11-11
10个基于Jquery的幻灯片插件教程
当有大量的内容或者图片需要在你的网站或者BLOG上展示的时候，以幻灯片滑动的方式是一个不错的选择，这种效果常用于公司网站或者个人BLOG。
2010-10-10
jquery 框架使用教程 AJAX篇
正好项目中准备使用thickbox，于是干脆抛弃prototype.js，看起jquery.js了。JQuery确实不错，体积比Prototype小了许多，而且使用起来更方便更灵活。有人说Prototype像JAVA，正统；而JQuery像Ruby，灵活，更趋于OOP。
2009-10-10
运用jQuery定时器的原理实现banner图片切换
banner图片切换效果，在一些企业网站上经常会碰到，本文运用jQuery定时器的原理实现banner图片切换，感兴趣的朋友可以学习下
2014-10-10
jQuery+AJAX实现网页无刷新上传
这篇文章主要介绍了jQuery+AJAX实现网页无刷新上传的相关资料，十分详细,需要的朋友可以参考下
2015-02-02
基于JQuery实现的图片自动进行缩放和裁剪处理
页面加载后，对不合比例的图片自动进行缩放和裁剪处理，兼容图像已在缓存或不在缓存的情况，基于JQuery
2014-01-01