Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 jquery实现弹出层遮罩效果的简单实例

jquery实现弹出层遮罩效果的简单实例

发布时间:2014-07-12   编辑:www.jquerycn.cn
这篇文章主要介绍了jquery实现弹出层遮罩效果的简单实例。需要的朋友可以过来参考下,希望对大家有所帮助
复制代码 代码如下:

<input type="button" value="高级搜索" id="click_test4" />";
var content4 = "<center>高级搜索</center><form action='' method='post' id='formUserSuperSearch'>"
   + "用户名 :  <input type='text' name='username' id='username'>"
   + "<br/><br/>电子邮箱: <input type='text' id='email'/>"
   + "<br/><br/>单位: <input type='text'id='unit'/>"
   + "<br/><br/>电话:<input type='text'id='tel'/> "
   + "<br/><br/>手机: <input type='text'id='mobile'/>"
   + "<br/><input type='button' onClick='UserSuperSearche()' value='取消'/><input type='button' onclick='UserSuperSearch()' value='确定'/>"
   + "</form>";
 T$('click_test4').onclick = function() {
  //其中click_test4是上面的按钮id
  //content4为要显示的div上面的内容
  TINY.box.show(content4, 0, 350, 250, 0);
 };

另外支持的js文件下载地址:点击下载

您可能感兴趣的文章:
jquery遮罩层效果实现导航菜单代码
jquery overlay遮罩层实现代码
jquery 遮罩层效果实现的导航菜单
jquery 半透明遮罩效果示例
JQuery 遮罩层(mask)实现代码
jQuery dialog使用中遇到的问题
jquery弹出关闭遮罩层实现代码
jquery实现弹出层遮罩效果的简单实例
js遮罩层效果代码一例
jquery弹出关闭遮罩层实例

关键词: jquery  弹出层   
[关闭]