jQuery弹出层

jQuery弹出层

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

淘建站为您提供更多_悬浮层/弹出层_弹窗_弹出层_类似flash动画效果,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 69 次

打赏作者

觉得不错,可打赏下作者

下载资源

免费共享

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。

载入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

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/859.html
jQuery弹出层 希望对你有帮助,感谢您的支持!
  • jquery colorbox弹出层插件制作图片弹出显示代码

    jquery colorbox弹出层插件制作图片弹出显示代码

  • jQuery网页弹出层分享按钮插件

    jQuery网页弹出层分享按钮插件

  • jquery+css3弹出层插件

    jquery+css3弹出层插件

  • jquery 弹出层插件FancyBox弹出层演示支持图片、文章

    jquery 弹出层插件FancyBox弹出层演示支持图片、文章

  • javascript弹出层插件可自定义js弹出层动画特效

    javascript弹出层插件可自定义js弹出层动画特效

  • jquery弹出层插件点击弹出层可拖动特效

    jquery弹出层插件点击弹出层可拖动特效

  • jquery实现加载更多和弹出层

    jquery实现加载更多和弹出层

  • jQuery手机端点击弹出层选取时间代码

    jQuery手机端点击弹出层选取时间代码

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

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

  • jQuery 可拖拽弹出层

    jQuery 可拖拽弹出层

  • jquery仿51job弹出层城市选择代码

    jquery仿51job弹出层城市选择代码

  • jquery左右按钮控制图片滚动和prettyphoto弹出层插...

    jquery左右按钮控制图片滚动和prettyphoto弹出层插...

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2