用js实现菜单浮动显示

hellofking 2009-12-01 03:56:27
本人想实现一个左侧导航菜单随页面浮动显示,就像某些网站上两侧浮动的广告的效果。
写了一部分代码,但是在火狐浏览器下不好用。请高手帮助解答一下

代码如下:
<script language="javascript" type="text/javascript">
<!--
/////////////////////////////////////////////////////
var divAdInitTop;



function moveDivAd()
{

if(document.documentElement.scrollTop != 0)
document.getElementById("divAd").style.pixelTop = divAdInitTop + document.documentElement.scrollTop;

else
document.getElementById("divAd").style.pixelTop = divAdInitTop + document.body.scrollTop;
}

function initDivAd()
{
divAdInitTop = document.getElementById("divAd").style.pixelTop;
window.onscroll = moveDivAd;
alert(moveDivAd);
}
/////////////////////////////////////////////////////
function closeDivAd()
{
document.getElementById("divAd").style.display = "none";

window.onscroll = null; //关闭事件源
}
/////////////////////////////////////////////////////
//此方法是为了实现效果加的一个使页面上下变长出现滚动条的方法
printLine();
function printLine()
{
for(i=1; i<=200; i++)
document.write(i+"<br>");
}
/////////////////////////////////////////////////////
-->
</script>
...全文
217 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
hellofking 2012-03-15
  • 打赏
  • 举报
回复
[Quote=引用 4 楼 easyuu 的回复:]
呵呵,我写了一个有这个功能的插件,插件详解,里面的第五个功能就可以实现你说的,这个需要CSS配合使用

CSS code

#qq{
width:170px;
height:200px;
position:fixed; //必须参数
_position:absolute; //必须参数,for IE6
top:150px; //离浏览器上面的距离
left:10px; //离……
[/Quote]


谢谢了,这个是很久以前做东西时用的,后来不用了,就忘了给分,不好意思啊!
easyuu 2011-12-11
  • 打赏
  • 举报
回复
呵呵,我写了一个有这个功能的插件,插件详解,里面的第五个功能就可以实现你说的,这个需要CSS配合使用

#qq{
width:170px;
height:200px;
position:fixed; //必须参数
_position:absolute; //必须参数,for IE6
top:150px; //离浏览器上面的距离
left:10px; //离左边的距离
border:1px solid #bcd8ea;
line-height:30px;
}


var Example=new Javascript100();
Example.floatDivId="qq"; //浮动层的ID值
Example.direct="left"; //浮动层的方向,left为左侧,right为右侧
//Example.hidenPx=100; 可选参数,该层的缩进像素(移动到该层边缘,整个层弹出),这个需要和CSS配合起来使用
Example.floatDiv(); //使用这个功能

自己把参数改改吧,很简单就可以实现了
tl2327 2011-12-10
  • 打赏
  • 举报
回复
看那的有点晕晕的··求详细
sohighthesky 2009-12-01
  • 打赏
  • 举报
回复
if(document.documentElement.scrollTop != 0)
document.getElementById("divAd").style.top = divAdInitTop + document.documentElement.scrollTop+"px";
else
document.getElementById("divAd").style.top = divAdInitTop + document.body.scrollTop+"px";
msdnlu 2009-12-01
  • 打赏
  • 举报
回复
<div style="position:fixed;border:solid 1px black;width:100px;height:100px;"></div>

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧