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 相关文章推荐
js实现checkbox全选和反选示例
May 01 Javascript
搭建pomelo 开发环境
Jun 24 Javascript
Javscript调用iframe框架页面中函数的方法
Nov 01 Javascript
jQuery插件pagewalkthrough实现引导页效果
Jul 05 Javascript
JS实现黑色大气的二级导航菜单效果
Sep 18 Javascript
JS生成某个范围的随机数【四种情况详解】
Apr 20 Javascript
checkbox批量选中,获取选中项的值的简单实例
Jun 28 Javascript
ES6中数组array新增方法实例总结
Nov 07 Javascript
vue2.0组件之间传值、通信的多种方式(干货)
Feb 10 Javascript
微信小程序实现弹出菜单
Jul 19 Javascript
解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题
Oct 25 Javascript
vue路由切换之淡入淡出的简单实现
Oct 31 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中url传递中文字符,特殊危险字符的解决方法
2013/08/17 PHP
php绘制圆形的方法
2015/01/24 PHP
PHP+MySQL之Insert Into数据插入用法分析
2015/09/27 PHP
日常整理PHP中简单的图形处理(经典)
2015/10/26 PHP
PHP队列场景以及实现代码实例详解
2021/02/26 PHP
javascript实现划词标记+划词搜索功能
2007/03/06 Javascript
List the Codec Files on a Computer
2007/06/18 Javascript
javascript检查日期格式的函数[比较全]
2008/10/17 Javascript
让GoogleCode的SVN下的HTML文件在FireFox下正常显示.
2009/05/25 Javascript
js控制div及网页相关属性的代码
2009/12/19 Javascript
js 控制图片大小核心讲解
2013/10/09 Javascript
详解javascript遍历方式
2015/11/11 Javascript
JS组件Bootstrap Table使用方法详解
2016/02/02 Javascript
AngularJS  自定义指令详解及实例代码
2016/09/14 Javascript
Bootstrap CDN和本地化环境搭建
2016/10/26 Javascript
JS实现改变HTML上文字颜色和内容的方法
2016/12/30 Javascript
使用yeoman构建angular应用的方法
2017/08/14 Javascript
js生成word中图片处理方法
2018/01/06 Javascript
详解webpack-dev-server使用http-proxy解决跨域问题
2018/01/13 Javascript
Vue封装的组件全局注册并引用
2019/07/24 Javascript
JavaScript使用localStorage存储数据
2019/09/25 Javascript
Python内置函数之filter map reduce介绍
2014/11/30 Python
python计算圆周率pi的方法
2015/07/11 Python
Python处理json字符串转化为字典的简单实现
2016/07/07 Python
python opencv读mp4视频的实例
2018/12/07 Python
Python爬取阿拉丁统计信息过程图解
2020/05/12 Python
Python 处理日期时间的Arrow库使用
2020/08/18 Python
Expedia英国:全球最大的在线旅游公司
2017/09/07 全球购物
State Cashmere官网:半零售价可持续蒙古羊绒
2020/02/26 全球购物
斯洛伐克最大的婴儿食品和用品网上商店:Feedo.sk
2020/12/21 全球购物
大学生职业生涯规划书模板
2014/01/18 职场文书
新学期教师寄语
2014/04/02 职场文书
共青团员自我评价范文
2014/09/14 职场文书
家长会开场白和结束语
2015/05/29 职场文书
90行Python代码开发个人云盘应用
2021/04/20 Python
MySQL数据库 安全管理
2022/05/06 MySQL