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+Ajax请求本地数据加载商品列表页并跳转详情页的实现方法
本文通过实例代码给大家介绍了jQuery+Ajax请求本地数据加载商品列表页并跳转详情页,需要的朋友可以参考下
2017-07-07
jQuery实现平滑滚动页面到指定锚点链接的方法
这篇文章主要介绍了jQuery实现平滑滚动页面到指定锚点链接的方法,涉及jquery鼠标事件及页面滚动的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-07-07
如何确保JavaScript的执行顺序之jQuery.html并非万能钥匙
在上一篇文章《如何确保JavaScript的执行顺序 - 之jQuery.html深度分析》中，我们揭示了jQuery.html函数之所以能在各种浏览器下保持动态JS顺序执行，其秘密在于 – 同步AJAX获取外部JavaScript。
2011-03-03
jQuery 鼠标经过(hover)事件的延时处理示例
一般情况下，我们是不对鼠标hover事件进行延时处理。但是，有时候，为了避免不必要的干扰，常会对鼠标hover事件进行延时处理
2014-04-04
详解jQuery的animate动画方法及动画排队问题解决
这篇文章主要介绍了jQuery的animate动画方法及动画排队问题解决的相关资料，帮助大家更好的理解和学习使用jQuery，感兴趣的朋友可以了解下
2021-05-05
jQuery Validate 相关参数及常用的自定义验证规则
这篇文章主要介绍了jQuery Validate 相关参数及常用的自定义验证规则,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2017-03-03
jquery DIV撑大让滚动条滚到最底部代码
jquery DIV撑大怎么让滚动条滚到最底部，类似问题想必大家都有遇到过吧，下面与大家分享下具体的处理代码，感兴趣的朋友可以了解下哈
2013-06-06
jquery easyui datagrid实现增加，修改，删除方法总结
这篇文章主要介绍了jquery easyui datagrid实现增加，修改，删除方法,结合实例形式分析了jquery easyui datagrid结合asp.net实现数据的增删改等操作的步骤与相关技巧,需要的朋友可以参考下
2016-05-05
Jquery和Js获得元素标签名称的方法总结
下面小编就为大家带来一篇Jquery和Js获得元素标签名称的方法总结。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-10-10
JavaScript jQuery 中定义数组与操作及jquery数组操作
这篇文章主要介绍了JavaScript jQuery 中定义数组与操作及jquery数组操作的相关资料,需要的朋友可以参考下
2015-12-12

jquery 弹出公告功能代码

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具