jquery弹出层div+css实用代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.111cn.net/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>

时间： 2024-08-02 22:06:45

jquery弹出层div+css实用代码的相关文章

jquery 弹出层ajax登陆实例代码

jquery 弹出层ajax登陆实例代码 jQuery(document).ready(function(){  jQuery('.login_show').click(function(){   var xmlhttp=createxmlhttp();   if(!xmlhttp)   {    alert("你的浏览器不支持XMLHTTP!!");    return;   }   var  Digital=new  Date();   Digital=Digital+40000;

Asp.net利用JQuery弹出层加载数据代码_实用技巧

首先我们新建一个网站,在网站里面新增一般处理程序,命名为ReadData.ashx.然后在里面输入如下代码: 复制代码 代码如下: using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Services; using System.Data.SqlClient; //引入命名空间 using System.Data; namespace 加载层 {

jquery win 7透明弹出层效果的简单代码_jquery

复制代码 代码如下:  $("#firefoxicon").click(function() {       $("#window1").chinaz({             windowtitle:          "firefox",             windowpositiontop:    "center",             windowpositionleft:   "center&q

jquery 弹出层效果

本文章是从国外网站jquery 弹出层效果实例效果,方法很简单就是利用了jquery弹出层插件来实现弹出效果代码哦. 简介 在本教程中,我将分享如何创建一个简单的模式窗口使用jquery.我喜欢jquery的,它使一切都那么简单而且很容易.如果你不知道什么是模态窗口.您可以点击这里.这是一个模态窗口的例子. 在这个网站,我使用facebox(灵感来自facebook).如灯箱,thickbox的,multibox,litebox其他......它的太多了,他们都具有不同的特点. 对了,让我们开始

asp.net +jquery 弹出层登录效果

页面加载完成时: 当验证码得到焦点时: 实现这个ajax为了节约时间,用户名/密码/验证码我都没判断是否为空,我也没用数据库,登录用户名和密码都是admin 登录成功时: 这里说明一下,由于时间有限,你可以把这个登录成功或者登录失败,效果做一下,直接在登录窗口上放一个<div id="message"><div>然后设置其样式,把提示内容追加上去,根据自己个人需求来,下面贴我的全部代码: 下面我们一个个文件来看login.htm文件  代码如下 复制代码 <

jsp ajax div 弹出层-DIV 弹出层没办法实现

问题描述 DIV 弹出层没办法实现 <!DOCTYPE html PUBLIC ""-//W3C//DTD HTML 4.01 Transitional//EN"" ""http://www.w3.org/TR/html4/loose.dtd""> Insert title here#popupcontent{ position: absolute; visibility: hidden; overflow: hi

Js制作简单弹出层DIV在页面居中 中间显示遮罩的具体方法_javascript技巧

这两天要用到正好练练手,比想象中碰到的问题要多,比如: ie6背景透明 ie6居中显示 还有对js对象的理解 openID=显示按钮,conID=需要显示的div,closeID=关闭按钮 解决了: 1.可以遮挡ie6下的select元素 但是在ie6下div没有透明度 2.弹出的div可以一直在浏览器屏幕中间显示 问题: 1.目前不支持.class 只支持#id 2.需要显示的div需要自己设置css 3.在ie6下需要设置css 例如div {_position: absolute;_top

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-

jQuery 弹出层插件(推荐)_jquery

最近在研究弹出层插件时发现网上很多插件功能很强大,同时插件也很庞大.在这里个人写了一个比较秀珍的弹出层插件. jquery.popdialog.js $(function () { $.fn.PopDialog = function (options) { var defaults = { Event: "click", //触发响应事件 title: "title", //弹出层的标题 type: "text", //弹出层类型(text.容器