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

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

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

查看演示

演示不了,点击反馈

加入收藏

保存 161

保存资源

22 共享分

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

<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();
	});
});

声明:如需转载,请注明来源:https://www.sucaiq.com/texiao/1156.html
  • 网站客服管理及返回顶部

    网站客服管理及返回顶部

  • jquery animate制作页面顶部折角广告图片撕开动画效果

    jquery animate制作页面顶部折角广告图片撕开动画效果

  • jquery制作非常可爱的火箭筒返回顶部_带动画效果的返回顶部按...

    jquery制作非常可爱的火箭筒返回顶部_带动画效果的返回顶部按...

  • popWin打开网页弹出层iframe插件

    popWin打开网页弹出层iframe插件

  • jQuery仿蜜淘在线客服

    jQuery仿蜜淘在线客服

  • 简洁右侧栏客服代码

    简洁右侧栏客服代码

  • jQuery win8扁平风格返回顶部和在线客服网站侧边栏代码

    jQuery win8扁平风格返回顶部和在线客服网站侧边栏代码

  • jQuery带qq客服的返回顶部按钮代码

    jQuery带qq客服的返回顶部按钮代码

  • jquery顶部下拉在线咨询代码效果源码免费下载

    jquery顶部下拉在线咨询代码效果源码免费下载

  • jquery悬浮带返回顶部在线客服

    jquery悬浮带返回顶部在线客服

  • 纯css鼠标滑过弹出层客服代码

    纯css鼠标滑过弹出层客服代码

  • 微信二维码与网站客服以及返回顶部jquery代码

    微信二维码与网站客服以及返回顶部jquery代码

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