jquery 弹出公告功能代码

2016-02-19 13:04 208 1 收藏

下面图老师小编要向大家介绍下jquery 弹出公告功能代码，看起来复杂实则是简单的，掌握好技巧就OK，喜欢就赶紧收藏起来吧！

【 tulaoshi.com - Web开发】

!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" / titlejquery 弹出公告/title script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"/scriptstyle *{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 type="button" value="弹出公告" /input type="button" value="关闭公告" / /h3 div textarea name="" cols="30" rows="10"/div/body/html

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

来源:https://www.tulaoshi.com/n/20160219/1602909.html

上一篇：打印日历
下一篇： jQuery EasyUI 中文API Layout(Tabs)

看过《jquery 弹出公告功能代码》的人还看了以下文章更多>>

jQuery animate效果演示

标签： Web开发

animate(params[,duration[,easing[,callback]]]) 用于创建自定义动画的函数。br / 这个函数的关键在于指定动画形式及结果样式属性对象。这个对象中每个属性都表示一个可以变化的样式属性（如“height”、“top”或“opacity”）。注意：所有指定的属性必须用骆驼形式，比如用marginLeft代替margin-left. 而每个属性的值表示这个样式属性到...

JQuery 无废话系列教程(一) jquery入门 [推荐]

标签： Web开发

本文的宗旨, 授人鱼不如授人渔. 我只会讲关键部分,不可能JQuery的每个函数我都讲,因为有很多函数贝壳自己在实际应用中都从未使用过. 但当我们已经会渔了还用担心鱼吗!？ BTW:贝壳假设你已经掌了基本的JavaScript运用能力及基础的CSS知识. JQuery是什么 JQuery只是一个JS文件人对新鲜事业总是报着好奇与排斥的情感,贝壳刚开始学的时...

jquery tagname 取得方法

标签： Web开发

如果你查找Jquery的API，会发现这个好象是Jquery的一个盲点，找来找去也没有明确说明用什么办法可以取到HTML标签的名字，如果直接用 $("H1").tagName 这样的方式也无法取到“H1”这样的值，好象只会得到“undifined”。后来发现Jquery居然将tagName也视为属性之一了，有趣。所以用 $("H1").attr("tagName") !DOCTYPE html PUBLIC "-...

jQuery MD5加密实现代码

标签： Web开发

$(md("你想要加密的字符串")); md5插件下载地址：打包下载下面是我的简单例子代码如下: !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 title/title script type="text/javascript" src="Scripts/jqu...

jquery div提示框渐隐弹出与隐藏效果