最新赞助活动温馨提示:自愿赞助服务器费用,学生和没有工作的整站资源免费下载!
头像

jquery顶部带弹簧效果弹出层点击click事件文本弹跳框

来源:http://erdangjiade.com/js/1156.html 沐浴春风 2017-02-18 16:31浏览(1033)

jquery顶部带弹簧效果弹出层点击click事件文本弹跳框效果实现源码下载

0、请不要问“在不在”之类的问题,有问题直接问!1、学生或暂时没有工作的童鞋,整站资源免费下载!2、¥9.9充值终身VIP会员,加我微信,826096331 拉你进VIP群学习!3、程序员加油,技术改变世界。在线 充值

jquery顶部带弹簧效果弹出层点击click事件文本弹跳框
分类:悬浮层/弹出层 > 弹窗 难易:入门级
查看演示

加我微信,拉你进VIP群学习:

下载资源 下载积分: 10 积分
<div id="main">

<a class="button" href="#">点击我</a>

<p>Unfortunately, for it to work, your buttons have to be <strong>that big</strong>.<br />
Just kidding.</p>


</div>

<div id="box">
<p><b>Title!</b>Boring explanation.</p>
</div>
$(document).ready(function(){

	/* Converting the #box div into a bounceBox: */
	$('#box').bounceBox();

	/* Listening for the click event and toggling the box: */
	$('a.button').click(function(e){

		$('#box').bounceBoxToggle();
		e.preventDefault();
	});
	
	/* When the box is clicked, hide it: */
	$('#box').click(function(){
		$('#box').bounceBoxHide();
	});
});
声明:本文为原创文章,如需转载,请注明来源erdangjiade.com并保留原文链接:https://www.erdangjiade.com/js/1156.html
评论0
头像

友情提示:垃圾评论一律封号 加我微信:826096331拉你进VIP群学习群

1 2