jquery 弹出公告功能代码

2016-02-19 13:04 211 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需刷新才能执行]

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

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

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

Jquery 学习笔记（二）

标签： Web开发

选择器从最开始看到Jquery这样的选择器就让我想起了CSS的选择器，简直是同出一辙啊，CSS的选择器语法个人觉得相当的经典，那么Jquery借鉴CSS也就没有多少疑问了。还是复习一下Jquery的选择器吧其中h1为选择器，color:red与background:#d00与声明，两者结合也即{}内称为声明块；color与background称为属性；red与#d00称为值。其中选...

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

标签： Web开发

jquery tagname 取得方法

标签： Web开发

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

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

标签： Web开发

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

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...

查看更多精彩>>