13

JS浮动层

一、把以下代码插入标签中:
<div id="FloatDIV" style="position: absolute;top: 0px; border-right: activeborder 1px solid; border-top: activeborder 1px solid; border-left: activeborder 1px solid; border-bottom: activeborder 1px solid;">  
浮动层示例:  
<a target="_blank" href="tencent://message/?uin=101535223&Site=http://www.jailusd.com&Menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=1:101535223:3" alt="有事您说话"></a>  
</div>
<div style="width:300px; height:1000px; border:1px #ccc solid;"></div>

二、把以下代码插到标签之后,设置MarginLeft、MarginTop、Width、Heigth四个变量的值
<script language="javascript" type="text/javascript">   
var MarginLeft = 30;   //浮动层离浏览器右侧的距离   
var MarginTop = 50;     //浮动层离浏览器顶部的距离   
var Width = 120;        //浮动层宽度   
var Heigth= 45;        //浮动层高度   
  
//设置浮动层宽、高   
function Set()   
{   
    document.getElementById("FloatDIV").style.width = Width+"px";   
    document.getElementById("FloatDIV").style.height = Heigth+"px";   
}   
  
//实时设置浮动层的位置   
function Move()   
{   
    document.getElementById("FloatDIV").style.top = document.documentElement.scrollTop + MarginTop+"px";   
    document.getElementById("FloatDIV").style.left = document.documentElement.clientWidth - Width - MarginLeft+"px";   
    setTimeout("Move();",100);   
}   
  
Set();   
Move();   
</script>

经测试,上面的代码在IE和FireFox中运行通过。

3 条评论了已经

发表评论

名字(必须)
邮箱(不会被公布)(必须)
网址

字体为 粗体 是必填项目,邮箱地址 永远不会 公布。

允许部分 HTML 代码:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
URLs(网站链接)必须完整有效 (比如: http://blog.i1981.com),所有标签都必须完整的关闭。

超出部分系统将会自动分段及换行。

请保证评论内容是与日志或 Blog 内容相关的,灌水、攻击性或不恰当的评论 可能 会被编辑或删除。