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

jQuery弹出层

来源:http://www.erdangjiade.com/ 沐浴春风 2016-06-01 15:38浏览(1593)

jquery弹出层特效制作一个类似flash动画效果的弹出层特效,鼠标点击按钮弹出一个带动画animate效果的浮动弹出层。jquery下载。

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

jQuery弹出层
分类:悬浮层/弹出层 > 弹窗 难易:初级
查看演示

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

下载资源 下载积分: 30 积分

载入js

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	
	$(".showdiv").click(function(){
	
		var box =300;
		
		var th= $(window).scrollTop()+$(window).height()/1.6-box;
		
		var h =document.body.clientHeight;
		
		var rw =$(window).width()/2-box;
		
		$(".showbox").animate({top:th,opacity:'show',width:600,height:340,right:rw},500);
		
		$("body").prepend("<div class='mask'></div>");
		
		$(".mask").css({opacity:"0.5"}).css("height",h);
		
		return false;
		
	});
	
	$(".showbox .close").click(function(){
	
		$(this).parents(".showbox").animate({top:0,opacity: 'hide',width:0,height:0,right:0},500);
		
		$(".mask").fadeOut("fast");
		
	});
	
});
</script>

html

声明:本文为原创文章,如需转载,请注明来源erdangjiade.com并保留原文链接:https://www.erdangjiade.com/js/859.html
评论0
头像

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

1 2