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 相关文章推荐
Javascript window对象详解
Nov 12 Javascript
使用正则表达式的格式化与高亮显示json字符串
Dec 03 Javascript
jquery简单实现网页层的展开与收缩效果
Aug 07 Javascript
聊聊JavaScript如何实现继承及特点
Apr 07 Javascript
angularjs之$timeout指令详解
Jun 13 Javascript
详解几十行代码实现一个vue的状态管理
Jan 28 Javascript
五分钟搞懂Vuex实用知识(小结)
Aug 12 Javascript
vue-cli3.X快速创建项目的方法步骤
Nov 14 Javascript
Vue如何获取数据列表展示
Dec 11 Javascript
javascript设计模式之装饰者模式
Jan 30 Javascript
基于JS实现计算24点算法代码实例解析
Jul 23 Javascript
element-ui中dialog弹窗关闭按钮失效的解决
Sep 22 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小技巧之函数重载
2014/06/02 PHP
PHP彩蛋信息介绍和阻止泄漏的方法(隐藏功能)
2014/08/06 PHP
ThinkPHP查询返回简单字段数组的方法
2014/08/25 PHP
php投票系统之增加与删除投票(管理员篇)
2016/07/01 PHP
Yii2第三方类库插件Imagine的安装和使用
2017/07/06 PHP
几个常用的JavaScript字符串处理函数 - split()、join()、substring()和indexOf()
2009/06/02 Javascript
关于html+ashx开发中几个问题的解决方法
2011/07/18 Javascript
jquery 查找iframe父级页面元素的实现代码
2011/08/28 Javascript
原生js写的放大镜效果
2012/08/22 Javascript
JavaScript作用域链使用介绍
2013/08/29 Javascript
动态创建script在IE中缓存js文件时导致编码的解决方法
2014/05/04 Javascript
javascript 动态创建表格的2种方法总结
2015/03/04 Javascript
jQuery mobile 移动web(6)
2015/12/20 Javascript
nodejs制作爬虫实现批量下载图片
2017/05/19 NodeJs
一种angular的方法级的缓存注解(装饰器)
2018/03/13 Javascript
Nodejs让异步变成同步的方法
2019/03/02 NodeJs
微信小程序之侧边栏滑动实现过程解析(附完整源码)
2019/08/23 Javascript
Element的el-tree控件后台数据结构的生成以及方法的抽取
2020/03/05 Javascript
Vue的Options用法说明
2020/08/14 Javascript
python3使用matplotlib绘制散点图
2019/03/19 Python
详解python中的hashlib模块的使用
2019/04/22 Python
Django2 连接MySQL及model测试实例分析
2019/12/10 Python
python自动化unittest yaml使用过程解析
2020/02/03 Python
Windows+Anaconda3+PyTorch+PyCharm的安装教程图文详解
2020/04/03 Python
pytorch查看通道数 维数 尺寸大小方式
2020/05/26 Python
美国知名的时尚购物网站:Anthropologie
2016/12/22 全球购物
THE OUTNET美国官网:国际设计师品牌折扣网站
2017/03/07 全球购物
英国手机零售商:Carphone Warehouse
2018/06/06 全球购物
REN Clean Skincare官网:英国本土有机护肤品牌
2019/02/23 全球购物
明信片寄语大全
2014/04/08 职场文书
社区党建工作方案
2014/06/10 职场文书
幼儿园教师师德师风演讲稿:爱我所爱 无悔青春
2014/09/10 职场文书
电气工程师岗位职责
2015/02/12 职场文书
幼儿园教学工作总结2015
2015/05/12 职场文书
温馨祝福晨语:美丽的一天从我的问候开始
2019/11/28 职场文书
使用Redis实现秒杀功能的简单方法
2021/05/08 Redis