一个简单的动态关闭DIV框的效果，带关闭按钮

zpball

浏览: 920034 次
性别:
来自: 北京

最近访客更多访客>>

lng87108

feilafei123

qq_731139982

u012363178

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Jquery
HTML
CSS

html jquery

jquery设置获取div位置

var top=obj.offset().top;
var left=obj.offset().left;
$("#mapDiv").css({'top':top-20,'left':left+50});


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">

<script type="text/javascript" src="http://www.mizuan.net/js/jquery.min.js"></script>
<script type="text/javascript">
function closereception(){
$("#reception").slideUp("normal");
}
</script>
<style type="text/css">
#reception{clear:left;width:843px;height:23px;line-height:23px;vertical-align:middle;padding:10px 0 10px 5px;position:relative;margin-bottom:10px;border:1px solid #ddd;background:#f8f8f8 url('http://www.mizuan.net/image/reception.gif') no-repeat}
#reception img{vertical-align:middle;border:0}
</style>
</HEAD>
<BODY>
<div id="reception">
<div id="closeb" style="position:absolute;right:4px;top:4px">
<a href="javascript:;" onclick="closereception();" title="关闭"><img src="http://www.mizuan.net/image/closes.gif" /></a>
</div>
<div style="padding-left:130px">
<a href="http://www.mizuan.net/about/contact.asp?#msn" title="MSN在线通—网页客服"><img src="http://www.mizuan.net/image/msnonline.gif" /></a>
</div>
</div>
</BODY>
</HTML>

分享到：

汉字/英文字符长度判断--JS版与Java方法版 | jquery判断对象是否存在

2012-07-14 12:34
浏览 1490
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

一个简单的动态关闭DIV框的效果，带关闭按钮

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

一个简单的动态关闭DIV框的效果，带关闭按钮

评论

发表评论

相关推荐

jQuery无刷新无分页完美瀑布流

UI组件：ext、JqueryEasyUI、miniui、dhtmlx及自定义页面

jquery easy ui

26 个 jQuery使用技巧

js 函数function用法

js 数组Array用法

10 个实用的 jQuery 表单操作代码片段

JQuery Ajax提交表单数据时的问题

DIV滚动条属性及样式设置方式

jquery 花瓣网方砖布局

Ajax动态加载目录树（jquery-treeview）

JQuery上传插件Uploadify详解及其中文按钮解决方案

汉字/英文字符长度判断--JS版与Java方法版

jquery判断对象是否存在

jquery 取值

Jquery获取select,dropdownlist,checkbox下拉列表框的值

IE浏览器上传文件时本地路径变成”C:\fakepath\”的问题

网页HTML代码中Meta标签详解

js实现鼠标点击（非a:hover,a:link,a:visited,a:active）的样式切换效果

html中a标签中的onclick和href的使用

最近访客更多访客>>