欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-06-11 12:53:27
jquery实现弹出层遮罩效果的简单实例,代码如下:

jquery实现弹出层遮罩效果的简单实例,代码如下:

<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为要显示的p上面的内容
  tiny.box.show(content4, 0, 350, 250, 0);
 };