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


Posted in Javascript onMarch 03, 2014
<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文件下载地址:点击下载
Javascript 相关文章推荐
学习ExtJS Panel常用方法
Oct 07 Javascript
IE浏览器打印的页眉页脚设置解决方法
Dec 08 Javascript
关于this和self的使用说明
Aug 01 Javascript
jquery $.ajax相关用法分享
Mar 16 Javascript
javascript实现文本域写入字符时限定字数
Feb 12 Javascript
chrome调试javascript详解
Oct 21 Javascript
认识Knockout及如何使用Knockout绑定上下文
Dec 25 Javascript
js实现的万能flv网页播放器代码
Apr 30 Javascript
jquery实现自适应banner焦点图
Feb 16 Javascript
vue 怎么创建组件及组件使用方法
Jul 27 Javascript
jQuery实现表格的增、删、改操作示例
Jan 27 jQuery
JavaScript架构localStorage特殊场景下二次封装操作
Jun 21 Javascript
SeaJS入门教程系列之使用SeaJS(二)
Mar 03 #Javascript
Jquery.Form 异步提交表单的简单实例
Mar 03 #Javascript
jquery实现ajax提交form表单的方法总结
Mar 03 #Javascript
SeaJS入门教程系列之SeaJS介绍(一)
Mar 03 #Javascript
js的hasownproperty使用示例
Mar 02 #Javascript
javascript对象的使用和属性操作示例详解
Mar 02 #Javascript
使用js显示当前时间示例
Mar 02 #Javascript
You might like
PHP提取数据库内容中的图片地址并循环输出
2010/03/21 PHP
thinkphp微信开之安全模式消息加密解密不成功的解决办法
2015/12/02 PHP
HTML-CSS群中单选引发的“事件”
2007/03/05 Javascript
解决jquery .ajax 在IE下卡死问题的解决方法
2009/10/26 Javascript
屏蔽Flash右键信息的js代码
2010/01/17 Javascript
JS cookie中文乱码解决方法
2014/01/28 Javascript
Javascript学习笔记之 对象篇(四) : for in 循环
2014/06/24 Javascript
js css 实现遮罩层覆盖其他页面元素附图
2014/09/22 Javascript
jquery+javascript编写国籍控件
2015/02/12 Javascript
js基于面向对象实现网页TAB选项卡菜单效果代码
2015/09/09 Javascript
BootStrap的弹出框(Popover)支持鼠标移到弹出层上弹窗层不隐藏的原因及解决办法
2016/04/03 Javascript
详解JS中定时器setInterval和setTImeout的this指向问题
2017/01/06 Javascript
bootstrapTable+ajax加载数据 refresh更新数据
2018/08/31 Javascript
JS实现点击li标签弹出对应的索引功能【案例】
2019/02/18 Javascript
微信小程序新手教程之启动页的重要性
2019/03/03 Javascript
浅析vue插槽和作用域插槽的理解
2019/04/22 Javascript
Vue项目中使用jquery的简单方法
2019/05/16 jQuery
jQuery实现B2B网站后台管理系统侧导航
2020/07/08 jQuery
在SAE上部署Python的Django框架的一些问题汇总
2015/05/30 Python
Python实现随机生成有效手机号码及身份证功能示例
2017/06/05 Python
python3常用的数据清洗方法(小结)
2019/10/31 Python
解决os.path.isdir() 判断文件夹却返回false的问题
2019/11/29 Python
Scrapy框架基本命令与settings.py设置
2020/02/06 Python
简单了解python调用其他脚本方法实例
2020/03/26 Python
python递归函数求n的阶乘,优缺点及递归次数设置方式
2020/04/02 Python
Python 里最强的地图绘制神器
2021/03/01 Python
收集的22款给力的HTML5和CSS3帮助工具
2012/09/14 HTML / CSS
CSS3的 fit-content实现水平居中
2017/09/07 HTML / CSS
html5中svg canvas和图片之间相互转化思路代码
2014/01/24 HTML / CSS
HTML5 WebSocket实现点对点聊天的示例代码
2018/01/31 HTML / CSS
《草原的早晨》教学反思
2014/04/08 职场文书
出国留学担保书
2014/05/20 职场文书
2014年学校德育工作总结
2014/12/05 职场文书
婚宴邀请函
2015/01/30 职场文书
2015年学校教育教学工作总结
2015/04/22 职场文书
在Centos 8.0中安装Redis服务器的教程详解
2022/03/21 Redis