jquery 弹出层 点击按钮弹出层兼容IE和firefox浏览器



129 512 171



特效描述:弹出层 点击按钮弹出层,jquery制作弹出层效果,当鼠标点击按钮弹出层,弹出层始终显示在页面的中间,兼容各大主流浏览器IE、firefox等,jquery弹出层是非常实用的jquery特效,一般网站弹出信息都能应用。

代码结构

1. 引入JS

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>

2. HTML代码

	<p align="center" style="font-size:18px;font-family:微软雅黑;margin:100px;"><a href="javascript:void(0);" class="showbox">jquery制作点击按钮弹出层</a></p>
	<div id="TB_overlayBG"></div>
	<div class="box" style="display:none">
		<h2>jquery 特效列表<a href="#" class="close">关闭</a></h2>
		<div class="mainlist">
			<ul>
				<li><span>▪</span><a href="http://www.17sucai.com/" title="jquery 导航插件 一个动画导航下拉菜单Apycom软件的Java下拉菜单">jquery 导航插件 一个动画导航下拉菜单Apycom软件的Java下拉菜单</a></li>
				<li><span>▪</span><a href="http://www.17sucai.com/" title="jquery soChange 切换插件 支持焦点图片切换 选项卡切换 带按钮与分页索引按钮切换">jquery soChange 切换插件 支持焦点图片切换 选项卡切换 带按钮与分页索引按钮切换</a></li>
				<li><span>▪</span><a href="http://www.17sucai.com/" title="jquery 图片切换特效 鼠标点击左右按钮焦点图切换滚动">jquery 图片切换特效 鼠标点击左右按钮焦点图切换滚动</a></li>
				<li><span>▪</span><a href="http://www.17sucai.com/" title="jquery 分享代码在线制作鼠标一键复制url路径功能与分享信息">jquery 分享代码在线制作鼠标一键复制url路径功能与分享信息</a></li>
				<li><span>▪</span><a href="http://www.17sucai.com/" title="jquery 制作鼠标点击描点a标签返回顶部">jquery 制作鼠标点击描点a标签返回顶部</a></li>
			</ul>
		</div>
	</div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 右键菜单 文字提示框 提示框/弹出层 layer lightbox Tooltip工具提示框 浮动提示框 html5弹窗动画 弹出层拖动 窗口提示框

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到