一、把以下代码插入标签中:
<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 内容相关的,灌水、攻击性或不恰当的评论 可能 会被编辑或删除。














呃,你搬家了啊。呵呵。
http://www.i1981.com/blog/article.asp?id=298
这篇文章,我转走了哈。我会给出原文地址的。呵呵。
被我发表自:http://www.xiaoxiaozi.com/2009/05/27/633/
欢迎去我博客指点一二,谢谢。
收藏先