页面右下脚显示层效果，很鬼！请高手帮忙。

好记忆不如烂笔头abc 2009-11-27 11:10:56

页面中如果去掉这行：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
右下角的层可以随滚动条滚动，但是如果保留这行，层就不能滚动。

如果修改javascript代码使其满足有无上述代码都正常，解决立即给分？请高手帮忙。

页面代码如下test.htm:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title> 右下角提示窗口 </title>
<meta name="Description" content="提示窗口">
<meta name="Author" content="nathena.yang">
<script type="text/javascript">
window.onload = getMsg;
function get( id )
{
return document.getElementById(id);
}
function getMsg()
{
var o = get("loft_win");
var getContentHeight = function(){return o.offsetHeight};
var step=1;
var getWinHeight = function(){ return document.compatMode=="CSS1Compat"?document.documentElement.clientHeight:document.body.clientHeight; };
var getScrollTop = function(){return document.body.scrollTop};

function init()
{
o.style.visibility="";
getMsg.timer = setInterval(function(){
if( step >= getContentHeight() )
{
clearInterval(getMsg.timer);
getMsg.timer = null;
}
step++;
o.style.top = (getWinHeight()-step+getScrollTop())+"px";
},5);

window.onscroll = function()
{
if( getMsg.timer )
{
return;
}
o.style.top = (getWinHeight()-getContentHeight()+getScrollTop())+"px";
}
window.onresize = function()
{
if( getMsg.timer )
{
return;
}
o.style.top = (getWinHeight()-getContentHeight()+getScrollTop())+"px";
}
}
init();
}
function mmDiv( o )
{
var c = get("__content");
c.style.display="none";
if( o.innerHTML=="-" )
{
c.style.display="none";
o.innerHTML="口";
flushTimer();
getMsg();
}
else
{
c.style.display="block";
o.innerHTML="-";
flushTimer();
getMsg();
}
}
function flushTimer()
{
if( getMsg.timer )
{
clearInterval(getMsg.timer);
}
}
function closeDiv()
{
var c = get("loft_win");
flushTimer();
c.parentNode.removeChild(c);
}
</script>
<style type="text/css">

</style>
</head>
<body>
 
 
 
 


<div id="loft_win" style="z-index:1;width:250px;position:absolute;right:0px;visibility:hidden">
<div id="aaaaa"> </div>
<table cellSpacing=0 cellPadding=0 width="100%" bgcolor="#FFFFFF" border=0>
<tr>
<td width="70" class="loft_win_head">留言窗口 </td>
<td align="right" class="loft_win_head">
- 
× 
</td>
</tr>
</table>
<form action="#" class="form">
<table cellSpacing=2 cellPadding=2 width="100%" border=0 id="__content">
<tr>
<td width="50">内容： </td>
<td class="textread"> <textarea cols="20"> </textarea>* </td>
</tr>
<tr>
<td>姓名: </td>
<td class="textread"> <input type="text" name="_name" id="_name" maxlength="50"> </input>* </td>
</tr>
<tr>
<td>电话: </td>
<td> <input type="text" name="_phone" id="_phone" maxlength="50"> </input> </td>
</tr>
<tr>
<td>QQ: </td>
<td> <input type="text" name="_qq" id="_qq" maxlength="50"> </input> </td>
</tr>
<tr>
<td> </td>
<td align="left" > <a href="javascript:_SubMsgContent(0)" class="a1"> 提交 </a> </td>
</tr>
</table>
</form>
</DIV>

</body>
</html>

...全文

69 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

好记忆不如烂笔头abc 2009-11-27

打赏
举报

ok:

var getScrollTop=function(){var scrollTop;if(document.documentElement&&document.documentElement.scrollTop){scrollTop=document.documentElement.scrollTop;}else if(document.body){scrollTop=document.body.scrollTop;}else if(window.pageYOffset){scrollTop=window.pageYOffset;}return scrollTop;}

xiaofan_sap 2009-11-27

打赏
举报

友情帮顶

archko 2009-11-27

打赏
举报

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> 右下角提示窗口 </title>
<meta name="Description" content="提示窗口">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<style type="text/css">

</style>
<script type="text/javascript">
window.onload=getMsg;
function get(id){
return document.getElementById(id);
}
function getMsg(){
var o=get("loft_win");
var getContentHeight=function(){
return o.offsetHeight
};
var step=1;
var getWinHeight=function(){
return document.compatMode=="CSS1Compat"?document.documentElement.clientHeight:document.body.clientHeight;
};
var getScrollTop=function(){
return document.body.scrollTop
};

function init(){
o.style.visibility="";
getMsg.timer=setInterval(function(){
if(step>=getContentHeight())
{
clearInterval(getMsg.timer);
getMsg.timer=null;
}
step++;
o.style.top=(getWinHeight()-step+getScrollTop())+"px";
},5);

window.onscroll=function(){
if(getMsg.timer){
return;
}
o.style.top=(getWinHeight()-getContentHeight()+getScrollTop())+"px";
}
window.onresize=function(){
if(getMsg.timer){
return;
}
o.style.top=(getWinHeight()-getContentHeight()+getScrollTop())+"px";
}
}

init();
}
function mmDiv(o){
var c=get("__content");
c.style.display="none";
if(o.innerHTML=="-"){
c.style.display="none";
o.innerHTML="劳而无功奇趣";
flushTimer();
getMsg();
} else{
c.style.display="block";
o.innerHTML="-";
flushTimer();
getMsg();
}
}
function flushTimer(){
if(getMsg.timer){
clearInterval(getMsg.timer);
}
}
function closeDiv(){
var c=get("loft_win");
flushTimer();
c.parentNode.removeChild(c);
}
</script>
</head>
<body>
 
 
 
 
 
 
 
 


<div id="loft_win" style="z-index:1;width:250px;position:absolute;right:0px;visibility:hidden">
<div id="aaaaa"></div>
<table cellSpacing=0 cellPadding=0 width="100%" bgcolor="#FFFFFF" border=0>
<tr>
<td width="70" class="loft_win_head">留言窗口</td>
<td align="right" class="loft_win_head">
- 
× 
</td>
</tr>
</table>
<form action="#" class="form">
<table cellSpacing=2 cellPadding=2 width="100%" border=0 id="__content">
<tr>
<td width="50">内容：</td>
<td class="textread"><textarea cols="20"> </textarea>*</td>
</tr>
<tr>
<td>姓名:</td>
<td class="textread"><input type="text" name="_name" id="_name" maxlength="50"/>*</td>
</tr>
<tr>
<td>电话:</td>
<td><input type="text" name="_phone" id="_phone" maxlength="50"/> </td>
</tr>
<tr>
<td>QQ:</td>
<td><input type="text" name="_qq" id="_qq" maxlength="50"/> </td>
</tr>
<tr>
<td> </td>
<td align="left"><a href="javascript:_SubMsgContent(0)" class="a1"> 提交 </a></td>
</tr>
</table>
</form>
</DIV>

</body>
</html>

文章目录6、css样式6-1 css样式的优势6-2css语法注意：6-3css注释7、css样式基本知识7-1 内联式css样式注意：7-2 嵌入式css样式7-3 外部式css样式注意：7-4 三种方法的优先级8、CSS选择器8-1选择器定义8-2标签选择器8-3类选择器注意：使用方法：8-4 ID选择器8-5 类和ID选择器的区别相同点：不同点：8-6子选择器包含(后代)选择器8-8通用选择...

把文本格式的数字转换成真正的数字 =VALUE(B1) 设置页码如何设置“第×页，共×页”页码。在页脚中设置：第&[页码]页，共&[总页码]页即可 Excel表格里如何插入页码的? 我想把表格中的第1页的页码从第30页开始编,不知道该如何实现,哪位高手能帮忙? 在页面设置的页眉页脚中设置。在插入页脚中输入＆[页码]+29即可。如何设置页脚首页为...

一、在开始之前首先吐槽一下，本人是一个独立开发者，在中国独立开发者就代表一个比较苦逼的行业，特别是对底层东西进行开发者，尤其本人研究方向是编译器、解析器基本上没有公司要，所以出来做个独立开发者。作为独立开发者半年来唯一的感受就是挺孤单，好几个月没跟人说过话了，也许过几年不会说话了也不一定。本来想找一个人出来一起进行合伙开发的，但是很多年来的寻寻觅觅却发现没有一个志同道合的，分...

怎样用文本控制链接我用flashmx做了一个导航菜单，可是在今后修改链接很麻烦，近日听说可以用文本来控制链接，想请问如何用文本文件来控制flash里的链接？在此先谢谢回答问题的各位了！这个分2个步骤来:1.新建一个文本文件,文件名为:1.txt,打开文本输入:a=http://www.km169.net,保存2.打开你的Flash原文件,新建一个层,在这个层里加代码:loadVaria

AutoCAD经典疑难解答与技巧答：磨刀不误砍柴工。计算机绘图跟手工画图一样，也要做些必要的准备。如设置图层、线型、标注样式、目标捕捉、单位格式、图形界限等。很多重复性的工作则可以在模板图如ACAD.DWT中预先做好，开始新图拿来就能用。 2、问：在AutoCAD中采用什么比例绘图好？答：最好使用1∶1比例画，输出比例可以随便调整。画图比例和输出比例是两个概念，输出时使用