首页 > 代码库 > jQuery渐变弹出层
jQuery渐变弹出层
css:
[css]#race{display:block;width:200px;height:50px;line-height:50px;text-align:center;background:#CCC;border:#555 1px solid;}.raceShow{border:solid 1px #ccc;position:absolute;display:none;width:300px;height:100px;padding:5px;font-size:12px;}[/css]
js:
[javascript]$(document).ready(function(){var speed = 600;//动画速度$(“#race a”).click(function(event){//绑定事件处理event.stopPropagation();var offset = $(event.target).offset();//取消事件冒泡$(“#racePop”).css({ top:offset.top + $(event.target).height() + “px”, left:offset.left });//设置弹出层位置$(“#racePop”).show(speed);//动画显示});$(document).click(function(event) { $(“#racePop”).hide(speed) });//单击空白区域隐藏$(“#racePop”).click(function(event) { $(“#racePop”).hide(speed) });//单击弹出层则自身隐藏});[/javascript]
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。