此回复为自动发出,仅用于显示而已，并无任何其他特殊作用
楼主【dou_ye】截止到2008-07-04 16:19:00的历史汇总数据(不包括此帖)：
发帖的总数量:53 发帖的总分数:1490
结贴的总数量:48 结贴的总分数:1450
无满意结贴数:4 无满意结贴分:80
未结的帖子数:5 未结的总分数:40
结贴的百分比:90.57 % 结分的百分比:97.32 %
无满意结贴率:8.33 % 无满意结分率:5.52 %
值得尊敬
楼主【dou_ye】截止到2008-07-04 16:19:00的历史汇总数据(不包括此帖)：
发帖的总数量:53 发帖的总分数:1490
结贴的总数量:48 结贴的总分数:1450
无满意结贴数:4 无满意结贴分:80
未结的帖子数:5 未结的总分数:40
结贴的百分比:90.57 % 结分的百分比:97.32 %
无满意结贴率:8.33 % 无满意结分率:5.52 %
值得尊敬
<%@ page contentType="text/html;charset=GBK" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="css/frame.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.div {background-color: #000000; filter: Alpha(Opacity=50);width: 100px;}
.mouseUp{margin: 2px;height: 33px;width: 33px;float: left;border: 1px solid #B0996C;}
.mouseDown{width: 25px; height: 25px;border: 1px;border-color: green;border-style: solid ;z-index:1;background-color: red;}
.arm{}
.space{}
.site{}
-->
</style>
<script>
<!--
function showImg(evn, flag, space, msg ) {
var e = (evn == null) ? event : evn;
var d = document.getElementById('title_div');
if (flag == 1) {
d.innerHTML = msg;
d.style.left = e.clientX + 10 +'px';
d.style.top = e.clientY + 10 +'px';
d.style.display = '';
} else {d.style.display = 'none';}
}
function myLoad(){
var divs = document.getElementsByTagName("div");
for(var i=0;i<divs.length;i++){
if(divs.item(i).className == 'arm'){
var ar_t = getTop(document.getElementById(document.getElementById(divs.item(i).id+'_st').innerHTML));
var ar_l = getLeft(document.getElementById(document.getElementById(divs.item(i).id+'_st').innerHTML));
document.getElementById(divs.item(i).id).style.left = ar_l+'px';
document.getElementById(divs.item(i).id).style.top = ar_t+'px';
}
}
}
function getTop(e){
var offset=e.offsetTop;
if(e.offsetParent!=null) offset+=getTop(e.offsetParent);
return offset;
}
function getLeft(e){
var offset=e.offsetLeft;
if(e.offsetParent!=null) offset+=getLeft(e.offsetParent);
return offset;
}
-->
</script>
</head>
<body>
<!--top -->
<div id="main">
<div id="right">
<div id="right_1">
<div id="zb_bg">
<div id="zb">
<div id="zb_bj">
<div id="zb_mid">
<div id="zb_05">zb_05</div>
</div>
</div>
<div style="clear:both"></div>
</div>
<div style="clear:both"></div>
</div>
</div>
</div>
<div onmousemove="showImg(event,1,6,'<font color=red>这是一个层</font>')"
onmouseout="showImg(event,0)" class="arm" id="mydiv0" style="position:absolute;width: 60px; height: 60px;
background-image:url('images/5_5.gif');z-index:10000" >
<span class="space" id="mydiv0_sp" style="display: none">2,2</span>
<span class="site" id="mydiv0_st" style="display: none">zb_05</span>
</div>
<div id="title_div" class="div" style="position : absolute ;-moz-opacity:0.8;border: 1px;border-color: red; z-index : 3000000;background-color: black; filter: Alpha(Opacity=50);display : none"> </div>
<script>window.onload=myLoad();</script>
</body>
</html>
margin: 0px;
padding: 0px;
border: 0px;
}
body {
width: 955px;
margin-right: auto;
margin-left: auto;
font-family: "宋体";
font-size: 12px;
color: #583a00;
background-color: #000000;
line-height: 22px;
}
ul {
list-style-image: none;
list-style-type: none;
}
/*
###########################top#########################*/
#top{
height: 83px;
background-color: #785A3D;
color: #FFFFFF;
margin-bottom: 5px;
margin-top: 10px;
}
#top #id {
float: left;
width: 150px;
margin-top: 10px;
padding-top: 10px;
padding-right: 5px;
padding-bottom: 10px;
padding-left: 5px;
border: 1px solid #CC9966;
height: 30px;
margin-right: 5px;
margin-left: 10px;
}
#top #xjts {
float: left;
width: 30px;
margin-top: 10px;
border: 1px solid #CC9966;
text-align: center;
margin-right: 5px;
margin-left: 5px;
height: 30px;
padding-top: 10px;
padding-right: 5px;
padding-bottom: 10px;
padding-left: 5px;
}
#top #wpts {
float: left;
width: 30px;
margin-top: 10px;
padding-top: 10px;
padding-right: 5px;
padding-bottom: 10px;
padding-left: 5px;
border: 1px solid #CC9966;
text-align: center;
margin-right: 5px;
margin-left: 5px;
height: 30px;
}
#top #dj {
float: left;
width: 150px;
margin-top: 10px;
padding-top: 10px;
padding-right: 5px;
padding-bottom: 10px;
padding-left: 5px;
border: 1px solid #CC9966;
text-align: left;
margin-right: 5px;
margin-left: 5px;
height: 30px;
}
#top #ry {
float: left;
width: 150px;
margin-top: 10px;
padding-top: 10px;
padding-right: 5px;
padding-bottom: 10px;
padding-left: 5px;
border: 1px solid #CC9966;
text-align: left;
margin-right: 5px;
margin-left: 5px;
height: 30px;
}
#top #xy {
float: left;
width: 200px;
margin-top: 10px;
padding-top: 10px;
padding-right: 5px;
padding-bottom: 10px;
padding-left: 5px;
border: 1px solid #CC9966;
text-align: left;
margin-right: 5px;
margin-left: 5px;
height: 30px;
}
#top #hy {
float: left;
width: 60px;
margin-top: 10px;
padding-right: 5px;
padding-bottom: 10px;
padding-left: 5px;
border: 1px solid #CC9966;
text-align: left;
margin-right: 5px;
margin-left: 5px;
height: 40px;
}
#main {
}
/*
##########################left###########################*/
#left {
width: 154px;
float: left;
background-color: #b3a182;
margin-right: 5px;
}
#change {
height: 93px;
width: 73px;
margin-right: auto;
margin-left: auto;
margin-top: 10px;
margin-bottom: 10px;
}
#nav1 {
margin-top: 10px;
margin-bottom: 15px;
padding-left: 8px;
}
#nav1 img{
margin-top: 5px;
margin-bottom: 5px;
}
#nav2 {
margin-top: 10px;
margin-bottom: 15px;
padding-left: 8px;
}
#nav2 img{
margin-top: 5px;
margin-bottom: 5px;
}
#nav3 {
margin-top: 10px;
margin-bottom: 10px;
padding-left: 8px;
}
#nav3 img{
margin-top: 5px;
margin-bottom: 5px;
}
/*
#########################right###############################*/
#right{
width: 795px;
float: left;
}
#right #right_1 {
margin-bottom: 5px;
background-color: #C5B69C;
padding-left: 8px;
}
/*
########### #############*/
#right #right_1 #gk{
float: left;
width: 300px;
margin: 5px;
}
#right #right_1 #gk #gk_til{
background-color: #876832;
margin-bottom: 5px;
text-align: center;
font-size: 14px;
color: #FFFFFF;
font-weight: bold;
}
#right #right_1 #gk #gk_nr{
border: 1px solid #876832;
padding: 5px;
background-color: #CFC0A5;
}
#right #right_1 #gk #hp {
float: left;
margin-left: 10px;
line-height: 26px;
margin-top: 10px;
}
#right #right_1 #gk #jb {
margin-left: 10px;
line-height: 26px;
margin-top: 10px;
clear: both;
}
#right #right_1 #gk #ll {
margin-left: 10px;
line-height: 26px;
margin-top: 10px;
clear: both;
}
#right #right_1 #gk #ll #ll1{
float: left;
width: 120px;
padding-right: 5px;
}
#right #right_1 #gk #ll #ll2{
float: left;
width: 120px;
padding-left: 5px;
}#right #right_1 #zb_bg {
float: left;
color: #876832;
width: 436px;
padding-left: 18px;
padding-top: 5px;
}/*
############# ############*/
#right #right_1 #zb_bg #zb{
background-color: #978159;
width: 420px;
padding: 8px;
}
#right #right_1 #zb_bg #zb #zb_bj{
float: left;
height: 295px;
width: 310px;
background-image: url(../images/pic_zb.gif);
background-repeat: no-repeat;
color: #000000;
}
#right #right_1 #zb_bg #zb #zb_bj #zb_left{
float: left;
width: 56px;
padding-right: 36px;
padding-left: 20px;
padding-top: 20px;
}
#right #right_1 #zb_bg #zb #zb_bj #zb_left #zb_01{
height: 32px;
width: 32px;
margin-left: 9px;
border: 3px solid #fff9b2;
}
#right #right_1 #zb_bg #zb #zb_bj #zb_left #zb_02{
height: 116px;
width:56px;
margin-top: 24px;
border: 3px solid #fff9b2;
}
#right #right_1 #zb_bg #zb #zb_bj #zb_mid{
width: 60px;
float: left;
padding-top: 30px;
}
#right #right_1 #zb_bg #zb #zb_bj #zb_mid #zb_03{
border: 3px solid #fff9b2;
height: 50px;
width: 56px;
}
#right #right_1 #zb_bg #zb #zb_bj #zb_mid #zb_04{
border: 3px solid #fff9b2;
height: 87px;
width: 56px;
margin-top: 5px;
}
#right #right_1 #zb_bg #zb #zb_bj #zb_mid #zb_05{
border: 3px solid #fff9b2;
height: 90px;
width: 56px;
margin-top: 5px;
}
#right #right_1 #zb_bg #zb #zb_bj #zb_mid2{
float: left;
width: 57px;
padding-top: 20px;
padding-left: 6px;
}
#right #right_1 #zb_bg #zb #zb_bj #zb_mid2 #zb_06{
border: 3px solid #fff9b2;
width: 32px;
margin-left: 20px;
height: 32px;
}
#right #right_1 #zb_bg #zb #zb_bj #zb_mid2 #zb_07{
border: 3px solid #fff9b2;
height: 50px;
width: 50px;
margin-top: 3px;
}
#right #right_1 #zb_bg #zb #zb_bj #zb_mid2 #zb_08{
border: 3px solid #fff9b2;
height: 40px;
width: 41px;
margin-top: 122px;
margin-left: 5px;
}
#right #right_1 #zb_bg #zb #zb_bj #zb_right{
float: left;
width: 56px;
padding-top: 20px;
}
#right #right_1 #zb_bg #zb #zb_bj #zb_right #zb_09{
border: 3px solid #fff9b2;
height: 32px;
width: 32px;
margin-left: 5px;
}
#right #right_1 #zb_bg #zb #zb_bj #zb_right #zb_10{
border: 3px solid #fff9b2;
height: 116px;
width: 56px;
margin-top: 25px;
}
#right #right_1 #zb_bg #zb #zb_mb {
float: left;
width: 100px;
padding-left: 10px;
font-size: 12px;
font-weight: bold;
color: #d7bd89;
padding-top: 10px;
}
#right #right_1 #zb_bg #zb #zb_mb .zb_jn {
background-color: #775D33;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
}/*
############ ################*/
#right #right_1 #zb_bg #bg{
width: 436px;
margin-top: 10px;
}
#right #right_1 #zb_bg #bg #bg_til{
}
#right #right_1 #zb_bg #bg #bg_nr {
background-color: #bca882;
border: 1px solid #8d7b4e;
padding: 10px;
}
#right #right_1 #zb_bg #bg #bg_nr #bg_lb{
float: left;
width: 90px;
}
#right #right_1 #zb_bg #bg #bg_nr #bg_lb img{
margin-top: 3px;
margin-bottom: 3px;
}
#right #right_1 #zb_bg #bg #bg_nr #bg_b{
width: 320px;
float: left;
}
#right #right_1 #zb_bg #bg #bg_nr #bg_b div{
margin: 2px;
height: 33px;
width: 33px;
float: left;
border: 1px solid #B0996C;
}
/*
#################################*/
#right #right_2 {
background-color: #8f7447;
clear: both;
padding: 5px;
}
#right #right_2 #chat_lb{
float: left;
width: 65px;
}
#right #right_2 #chat_lb img{
margin-top: 3px;
margin-bottom: 3px;
}
#right #right_2 #chat_nr{
float: left;
width: 720px;
}
#right #right_2 #chat_nr #chat{
width: 720px;
height: 102px;
overflow: scroll;
background-color: #b0996c;
}
#right #right_2 #chat_nr #chats_input{
margin-top: 8px;
}
#right #right_2 #chat_nr #chats_input #chat_select{
float: left;
width: 160px;
}
#right #right_2 #chat_nr #chats_input #chat_in{
float: left;
width: 540px;
padding-left: 10px;
}
mydiv.style.left = zb_05.offsetLeft;
mydiv 要设置 position:absolute
________ _
| | |
| zb_05 | x
| | |
|________| _
| mydiv |
|________|
mydiv.style.left = zb_05.offsetLeft;
mydiv 要设置 position:absolute
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="css/frame.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.div {background-color: #000000; filter: Alpha(Opacity=50);width: 100px;}
.mouseUp{margin: 2px;height: 33px;width: 33px;float: left;border: 1px solid #B0996C;}
.mouseDown{width: 25px; height: 25px;border: 1px;border-color: green;border-style: solid ;z-index:1;background-color: red;}
.arm{}
.space{}
.site{}
-->
</style>
<script>
<!--
function showImg(evn, flag, space, msg ) {
var e = (evn == null) ? event : evn;
var d = document.getElementById('title_div');
if (flag == 1) {
d.innerHTML = msg;
d.style.left = e.clientX + 10 +'px';
d.style.top = e.clientY + 10 +'px';
d.style.display = '';
} else {d.style.display = 'none';}
}
function myLoad(){
var divs = document.getElementsByTagName("div");
for(var i=0;i<divs.length;i++){
if(divs.item(i).className == 'arm'){
//alert(document.getElementById(divs.item(i).id+'_st').innerHTML);
var ar_t = getTop(document.getElementById(document.getElementById(divs.item(i).id+'_st').innerHTML));
var ar_l = getLeft(document.getElementById(document.getElementById(divs.item(i).id+'_st').innerHTML));
document.getElementById(divs.item(i).id).style.left = ar_l+'px';
document.getElementById(divs.item(i).id).style.top = ar_t+'px';
}
}
}
function getTop(e){
var offset=e.offsetTop;
if(e.offsetParent!=null) offset+=getTop(e.offsetParent);
return offset;
}
function getLeft(e){
var offset=e.offsetLeft;
if(e.offsetParent!=null) offset+=getLeft(e.offsetParent);
return offset;
}
-->
</script>
</head>
<body>
<!--top --><div id="main">
<div id="right">
<div id="right_1">
<div id="gk">
<div id="gk_til"></div>
<div id="gk_nr">
<div style="float:left"><img src="images/pic_tx.gif"/></div>
<div id="hp">
<div></div>
<div></div>
<div></div>
<div><img src="images/pic_hp.gif" /></div>
<div></div>
<div><img src="images/pic_hp.gif" /></div>
<div></div>
<div></div>
</div>
<div id="jb">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<div id="ll">
<div id="ll1">
</div>
<div id="ll2">
</div>
</div>
<div style="clear:both"></div>
</div>
</div>
<div id="zb_bg">
<div id="zb">
<div id="zb_bj">
<div id="zb_mid">
<div id="zb_05">zb_05</div>
</div>
</div>
<div style="clear:both"></div>
</div>
<div id="bg">
<div id="bg_til">
</div>
</div>
<div style="clear:both"></div>
</div>
</div>
<div onmousemove="showImg(event,1,6,'<font color=red>这是一个层</font>')"
onmouseout="showImg(event,0)" class="arm" id="mydiv0" style="position:absolute;width: 60px; height: 60px;
background-image:url('images/5_5.gif');z-index:10000" >
<span class="space" id="mydiv0_sp" style="display: none">2,2</span>
<span class="site" id="mydiv0_st" style="display: none">zb_05</span>
</div>
<div id="title_div" class="div" style="position : absolute ;-moz-opacity:0.8;border: 1px;border-color: red; z-index : 3000000;background-color: black; filter: Alpha(Opacity=50);display : none"> </div>
<script>window.onload=myLoad();</script>
</body>
</html>
改成
<body onresize="myLoad();">
呢？
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="frame.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.div {background-color: #000000; filter: Alpha(Opacity=50);width: 100px;}
.mouseUp{margin: 2px;height: 33px;width: 33px;float: left;border: 1px solid #B0996C;}
.mouseDown{width: 25px; height: 25px;border: 1px;border-color: green;border-style: solid ;z-index:1;background-color: red;}
.arm{}
.space{}
.site{}
-->
</style>
<script>
<!--
function showImg(evn, flag, space, msg ) {
var e = (evn == null) ? event : evn;
var d = document.getElementById('title_div');
if (flag == 1) {
d.innerHTML = msg;
d.style.left = e.clientX + 10 +'px';
d.style.top = e.clientY + 10 +'px';
d.style.display = '';
} else {d.style.display = 'none';}
}
function myLoad(){
var divs = document.getElementsByTagName("div");
for(var i=0;i<divs.length;i++){
if(divs.item(i).className == 'arm'){
//alert(document.getElementById(divs.item(i).id+'_st').innerHTML);
var ar_t = getTop(document.getElementById(document.getElementById(divs.item(i).id+'_st').innerHTML));
var ar_l = getLeft(document.getElementById(document.getElementById(divs.item(i).id+'_st').innerHTML));
document.getElementById(divs.item(i).id).style.left = ar_l+'px';
document.getElementById(divs.item(i).id).style.top = ar_t+'px';
}
}
}
function getTop(e){
var offset=e.offsetTop;
if(e.offsetParent!=null) offset+=getTop(e.offsetParent);
return offset;
}
function getLeft(e){
var offset=e.offsetLeft;
if(e.offsetParent!=null) offset+=getLeft(e.offsetParent);
return offset;
}
function onsizelist()
{
window.onresize=myLoad;
}
-->
</script>
</head>
<body onload="onsizelist()">
<!--top -->
<div id="main">
<div id="right">
<div id="right_1">
<div id="gk">
<div id="gk_til"></div>
<div id="gk_nr">
<div style="float:left"><img src="images/pic_tx.gif"/></div>
<div id="hp">
<div></div>
<div></div>
<div></div>
<div><img src="images/pic_hp.gif" /></div>
<div></div>
<div><img src="images/pic_hp.gif" /></div>
<div></div>
<div></div>
</div>
<div id="jb">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<div id="ll">
<div id="ll1">
</div>
<div id="ll2">
</div>
</div>
<div style="clear:both"></div>
</div>
</div>
<div id="zb_bg">
<div id="zb">
<div id="zb_bj">
<div id="zb_mid">
<div id="zb_05">zb_05</div>
</div>
</div>
<div style="clear:both"></div>
</div>
<div id="bg">
<div id="bg_til">
</div>
</div>
<div style="clear:both"></div>
</div>
</div>
<div onmousemove="showImg(event,1,6,'<font color=red>这是一个层</font>')"
onmouseout="showImg(event,0)" class="arm" id="mydiv0" style="position:absolute;width: 60px; height: 60px;
background-image:url('images/5_5.gif');z-index:10000" >
<span class="space" id="mydiv0_sp" style="display: none">2,2</span>
<span class="site" id="mydiv0_st" style="display: none">zb_05</span>
</div>
<div id="title_div" class="div" style="position : absolute ;-moz-opacity:0.8;border: 1px;border-color: red; z-index : 3000000;background-color: black; filter: Alpha(Opacity=50);display : none"> </div>
</body>
</html>