jquery弹出层特效animate制作类似flash动画效果弹出层



127 504 169



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

代码结构

1. 引入JS

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

2. HTML代码

	<div class="showbox">
		<h2>jquery 浮动层、弹出层<a class="close" href="#">关闭</a></h2>
		<div class="mainlist">
			<ul>
				<li><span>▪</span><a href="http://www.dijiuzhanzhang.com/" target="_blank">用jquery特效制作左侧侧边浮动导航菜单滑动显示或隐藏</a></li>
				<li><span>▪</span><a href="http://www.dijiuzhanzhang.com/" target="_blank">jquery 弹出层 点击按钮弹出层兼容IE和firefox浏览器</a></li>
				<li><span>▪</span><a href="http://www.dijiuzhanzhang.com/" target="_blank">jquery浮动层制作右下角float浮动提示框向上滑动提示</a></li>
				<li><span>▪</span><a href="http://www.dijiuzhanzhang.com/" target="_blank">jquery smartFloat插件制作仿淘宝产品列表页默认排序搜索框</a></li>			
				<li><span>▪</span><a href="http://www.dijiuzhanzhang.com/" target="_blank">jquery 万能float浮动层插件 制作QQ MSN 旺旺在线客服功能</a></li>
				<li><span>▪</span><a href="http://www.dijiuzhanzhang.com/" target="_blank">jquery 制作鼠标点击描点a标签返回顶部</a></li>			
				<li><span>▪</span><a href="http://www.dijiuzhanzhang.com/" target="_blank">jquery 弹出层插件 鼠标点击文字获取标题弹出层内容信息</a></li>
				<li><span>▪</span><a href="http://www.dijiuzhanzhang.com/" target="_blank">jquery 图片提示 交互式图片滑过与点击提示更多文字信息和弹出层信息</a></li>			
				<li><span>▪</span><a href="http://www.dijiuzhanzhang.com/" target="_blank">jquery 弹出层插件 ThickBox 多功能弹出层插件支持图片、ajax、内嵌内容弹等</a></li>
				<li><span>▪</span><a href="http://www.dijiuzhanzhang.com/" target="_blank">jquery 弹出层插件FancyBox弹出层演示支持图片、文章内容、flash swf弹出层等</a></li>
				<li><span>▪</span><a href="http://www.dijiuzhanzhang.com/" target="_blank">jquery 信息提示对话框 用CSS3更换一个确认对话框</a></li>
				<li><span>▪</span><a href="http://www.dijiuzhanzhang.com/" target="_blank">jquery 文本框提示顶部弹跳框使用jQuery和CSS3的插件</a></li>
			</ul>
		</div>
	</div>
	<p align="center" style="font-size:18px;font-family:微软雅黑;margin:100px 0 0 0;"><a class="showdiv" href="#">jquery动画效果弹出层</a></p>



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


热门标签: 右键菜单 html5动画导航菜单 文字提示框 html5图片动画 提示框/弹出层 html5文字动画 layer html5表情动画 lightbox html5线条动画 Tooltip工具提示框 浮动提示框 html5飘落动画 html5弹窗动画 html5光标动画 html5悬停动画 加载动画 弹出层拖动 窗口提示框 html5弹窗动画 html5动画h5动画 html5按钮动画

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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