原生js弹簧动画弹出层支持可拖拽的弹出层代码



124 492 165



特效描述:弹簧动画 弹出层 拖拽弹出层,拖拽的弹窗图片

代码结构

1. 引入CSS

<link rel="stylesheet" type="text/css" href="style.css">

2. 引入JS

<script type="text/javascript" src="script.js"></script>

3. HTML代码

<div id="messageBoardContainer">
	<div id="messageBoard">
		<div class="wrap">
			<h2>
				<span>妙味课堂公告栏</span>
				<a href="javascript:if(g_fnQuirkyPopupClose){g_fnQuirkyPopupClose()};" title="关闭"></a>
			</h2>
			<div class="content">
				<p class="indent"><span>妙味课堂10月1日开设 <a href="http://www.17sucai.com/">JavaScript 新班</a>,主讲老师 <strong><a href="http://www.17sucai.com/">石川</a></strong>(前淘宝数据魔方系统架构师);如有兴趣的朋友请携带 <strong class="red">1元人民币巨款</strong> 随时过来试听^_^。</span></p>
				<p class="indent"><span>试听请先通过 <strong><a href="http://www.17sucai.com/" style="color:#666;">电话</a>、<a href="http://www.17sucai.com/" style="color:#666;">QQ群</a>、<a href="http://www.17sucai.com/" style="color:#666;">在线留言</a>、<a href="http://www.17sucai.com/" style="color:#666;">论坛留言</a></strong> 等方式与我们取得联系,我们会悉心安排每位朋友的试听内容,并备好果汁或可乐热情款待各位朋友的到来^_^!</span></p>
				<p class="date"><span>妙味课堂2010年9月20日</span></p>
			</div>
		</div>
		<div class="bg"></div>
	</div>
</div>
<a href="javascript:;" id="quirkyPopupShowBtn" style="display:none;"></a>



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


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

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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