jQuery弹出层插件三种简单遮罩弹出框效果



190 759 254



特效描述:弹出层插件 遮罩弹出框,JQUERY弹出层 三种弹出效果

代码结构

1. 引入CSS

<link rel="stylesheet" href="reveal.css">

2. 引入JS

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

3. HTML代码

		<a href="#" class="big-link" data-reveal-id="myModal">
			jquery1
		</a>	
		<a href="#" class="big-link" data-reveal-id="myModal" data-animation="fade">
			jquery2
		</a>
		<a href="#" class="big-link" data-reveal-id="myModal" data-animation="none">
			jquery3
		</a>
		<div id="myModal" class="reveal-modal">
			<h1>jquery导出层</h1>
			<p>This is a default modal in all its glory, but any of the styles here can easily be changed in the CSS.</p>
			<a class="close-reveal-modal">&#215;</a>
		</div>



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


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

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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