欢迎来到代码驿站!

jquery

当前位置:首页 > 网页前端 > jquery

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

时间:2021-05-15 09:05:01|栏目:jquery|点击:
复制代码 代码如下:

<input type="button" value="高级搜索" id="click_test4" />";
var content4 = "<center>高级搜索</center><form action='' method='post' id='formUserSuperSearch'>"
   + "用户名 :&nbsp;&nbsp;<input type='text' name='username' id='username'>"
   + "<br/><br/>电子邮箱:&nbsp;<input type='text' id='email'/>"
   + "<br/><br/>单位:&nbsp;<input type='text'id='unit'/>"
   + "<br/><br/>电话:<input type='text'id='tel'/>&nbsp;"
   + "<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文件下载地址:点击下载

上一篇:JQuery 给元素绑定click事件多次执行的解决方法

栏    目:jquery

下一篇:jquery加载单文件vue组件的方法

本文标题:jquery实现弹出层遮罩效果的简单实例

本文地址:http://www.codeinn.net/misctech/121725.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有