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实现点小图看大图效果的思路及示例代码
Oct 28 Javascript
JS实现动态移动层及拖动浮层关闭的方法
Apr 30 Javascript
jquery实现的横向二级导航效果代码
Aug 26 Javascript
js无法获取到html标签的属性的解决方法
Jul 26 Javascript
JavaScript实现页面无操作倒计时退出
Oct 22 Javascript
jquery+css实现侧边导航栏效果
Jun 12 jQuery
vue刷新和tab切换实例
Feb 11 Javascript
Vue项目History模式404问题解决方法
Oct 31 Javascript
JS实现的获取银行卡号归属地及银行卡类型操作示例
Jan 08 Javascript
js判断鼠标移入移出方向的方法
Jun 24 Javascript
vue3.0 加载json的方法(非ajax)
Oct 26 Javascript
教你部署vue项目到docker
Apr 05 Vue.js
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错误信息方法的详解
2013/06/09 PHP
PHP命名空间(namespace)的使用基础及示例
2014/08/18 PHP
浅谈PHP eval()函数定义和用法
2016/06/21 PHP
windows下的WAMP环境搭建图文教程(推荐)
2017/07/27 PHP
PHP 代码简洁之道(小结)
2019/10/16 PHP
jquery实现的元素的left增加N像素 鼠标移开会慢慢的移动到原来的位置
2010/03/21 Javascript
javascript来定义类的规范小结
2010/11/19 Javascript
javascript算法学习(直接插入排序)
2011/04/12 Javascript
jquery 插件学习(六)
2012/08/06 Javascript
javascript中定义私有方法说明(private method)
2014/01/27 Javascript
jquery实现弹出层登录和全屏层注册特效
2015/08/28 Javascript
js数组的五种迭代方法及两种归并方法(推荐)
2016/06/14 Javascript
使用plupload自定义参数实现多文件上传
2016/07/19 Javascript
JS刷新父窗口的几种方式小结(推荐)
2016/11/09 Javascript
对称加密与非对称加密优缺点详解
2017/02/06 Javascript
提高Web性能的前端优化技巧总结
2017/02/27 Javascript
Vue.js实现文章评论和回复评论功能
2020/05/30 Javascript
react-router browserHistory刷新页面404问题解决方法
2017/12/29 Javascript
微信小程序按钮点击跳转页面详解
2019/05/06 Javascript
vue 子组件修改data或调用操作
2020/08/07 Javascript
[08:44]DOTA2发布会群星聚首 我们都是刀塔人
2014/03/21 DOTA
python列表与元组详解实例
2013/11/01 Python
Python数据拟合与广义线性回归算法学习
2017/12/22 Python
Python中实现switch功能实例解析
2018/01/11 Python
Python创建普通菜单示例【基于win32ui模块】
2018/05/09 Python
用Python中的turtle模块画图两只小羊方法
2019/04/09 Python
python3实现高效的端口扫描
2019/08/31 Python
Django实现whoosh搜索引擎使用jieba分词
2020/04/08 Python
Django model.py表单设置默认值允许为空的操作
2020/05/19 Python
请说出你所知道的线程同步的方法
2013/04/19 面试题
小学生安全保证书
2014/02/01 职场文书
党员个人查摆剖析材料
2014/10/16 职场文书
2014年物流工作总结
2014/11/25 职场文书
2015社区个人工作总结范文
2015/05/13 职场文书
小学见习报告
2015/06/23 职场文书
社区安全温馨提示语
2015/07/14 职场文书