JS浮动层

朋友叫我帮找一个浮动广告层的JS特效代码，在网上找了不少都有错就随手写了一个。点击查看效果

一、把以下代码插入<body></body>标签中：
    <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;">
        &nbsp;浮动层示例：<br />
        &nbsp; &nbsp; &nbsp; <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>

二、把以下代码插到</body>标签之后，设置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;
    document.getElementById("FloatDIV").style.height = Heigth;
}

//实时设置浮动层的位置
function Move()
{
    document.getElementById("FloatDIV").style.top = document.documentElement.scrollTop + MarginTop;
    document.getElementById("FloatDIV").style.left = document.documentElement.clientWidth - Width - MarginLeft;
    setTimeout("Move();",100);
}

Set();
Move();
</script>
posted @ 2006-10-24 14:47 jailu 阅读(1847) 评论(2)  编辑 收藏 所属分类: Y.小程序

  回复  引用    
#1楼 2008-07-17 17:26 | xavie001@163.com [未注册用户]
顶啦，谢谢你的代码，我找了好多都不能用。
  回复  引用    
#2楼 2008-08-20 09:47 | jamix [未注册用户]
代码简洁...网上找的都是代码很杂很乱的...扩展性也不好...谢了哦!!!

标题  
姓名  
主页
Email (博主才能看到) 
验证码 *  看不清,换一张 [登录][注册]
内容(请不要发表任何与政治相关的内容)  
网站首页

新闻频道

社区

小组

博问

网摘

闪存

找找看
  登录  使用高级评论  新用户注册  返回页首  恢复上次提交      
该文被作者在 2007-01-08 09:44 编辑过


相关链接:

最新IT新闻:
Google开拓美政府机构市场 微软业务受冲击
消息称苹果正在开发iTunes网络电视
微软周一开电话会议 预计将发布Silverlight2.0
开心网即将启用”shejiao.com”?
Google股价跌破329美元 61%员工期权价值归零