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 相关文章推荐
javascritp实现input输入框相关限制用法
Jun 29 Javascript
ExtJS 2.0 GridPanel基本表格简明教程
May 25 Javascript
jquery实现固定顶部导航效果(仿蘑菇街)
Mar 21 Javascript
js判断某个方法是否存在实例代码
Jan 10 Javascript
jquery中validate与form插件提交的方式小结
Mar 26 Javascript
深入解析JavaScript中的立即执行函数
May 21 Javascript
jquery轮播的实现方式 附完整实例
Jul 28 Javascript
AngularJS通过ng-route实现基本的路由功能实例详解
Dec 13 Javascript
详解前端自动化工具gulp自动添加版本号
Dec 20 Javascript
简单的Vue SSR的示例代码
Jan 12 Javascript
element表格翻页第2页从1开始编号(后端从0开始分页)
Dec 10 Javascript
基于JavaScript实现控制下拉列表
May 08 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
给海燕B411配件机起死回生配上件
2021/03/02 无线电
ThinkPHP使用心得分享-ThinkPHP + Ajax 实现2级联动下拉菜单
2014/05/15 PHP
php采集自中央气象台范围覆盖全国的天气预报代码实例
2015/01/04 PHP
不错的JS中变量相关的细节分析
2007/08/13 Javascript
JQuery 文本框回车跳到下一个文本框示例代码
2013/08/30 Javascript
jQuery瀑布流插件Wookmark使用实例
2014/04/02 Javascript
JavaScript中switch判断容易犯错的一个细节
2014/08/27 Javascript
jquery实现焦点图片随机切换效果的方法
2015/03/12 Javascript
js带点自动图片轮播幻灯片特效代码分享
2015/09/07 Javascript
jQuery Ajax和getJSON获取后台普通json数据和层级json数据用法分析
2016/06/08 Javascript
AngularJS 自定义指令详解及示例代码
2016/08/17 Javascript
JavaScript实现简单的日历效果
2016/09/25 Javascript
浅析JavaScriptSerializer类的序列化与反序列化
2016/11/22 Javascript
JS制作类似选项卡切换的年历
2016/12/03 Javascript
微信小程序 获取当前地理位置和经纬度实例代码
2016/12/05 Javascript
vue.js实例todoList项目
2017/07/07 Javascript
vue组件中使用props传递数据的实例详解
2018/04/08 Javascript
ES6中Promise的使用方法实例总结
2020/02/18 Javascript
[02:36]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Magma 选手采访
2021/03/11 DOTA
Python处理RSS、ATOM模块FEEDPARSER介绍
2015/02/18 Python
CentOS 7下Python 2.7升级至Python3.6.1的实战教程
2017/07/06 Python
Django logging配置及使用详解
2019/07/23 Python
python 读取修改pcap包的例子
2019/07/23 Python
Python操作远程服务器 paramiko模块详细介绍
2019/08/07 Python
Python检查 云备份进程是否正常运行代码实例
2019/08/22 Python
python opencv实现信用卡的数字识别
2020/01/12 Python
jupyter notebook中美观显示矩阵实例
2020/04/17 Python
matplotlib之多边形选区(PolygonSelector)的使用
2021/02/24 Python
Chain Reaction Cycles俄罗斯:世界上最大的在线自行车商店
2019/08/27 全球购物
CK加拿大官网:Calvin Klein加拿大
2020/03/14 全球购物
机械工程师的岗位职责
2013/11/17 职场文书
公司担保书格式范文
2014/05/12 职场文书
党的群众路线教育实践活动个人剖析材料
2014/10/07 职场文书
2015年八一建军节活动总结
2015/03/20 职场文书
个人收入证明范本
2015/06/12 职场文书
ObjectMapper 如何忽略字段大小写
2021/06/29 Java/Android