展会信息港展会大全

jquery实现弹出层遮罩效果的简单实例
来源:互联网   发布日期:2016-01-27 15:54:40   浏览:1615次  

导读:这篇文章主要介绍了jquery实现弹出层遮罩效果的简单实例。需要的朋友可以过来参考下,希望对大家有所帮助代码如下:input type=button value=高级搜索 id=click_test4 ;var content4 = center ...

这篇文章主要介绍了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为要显示的div上面的内容

TINY.box.show(content4, 0, 350, 250, 0);

};

赞助本站

人工智能实验室

相关热词: 遮罩 jquery

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港