首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

用js实现菜单浮动显示解决方法

2012-04-12 
用js实现菜单浮动显示本人想实现一个左侧导航菜单随页面浮动显示,就像某些网站上两侧浮动的广告的效果。写

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

代码如下:
<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>

[解决办法]
呵呵,我写了一个有这个功能的插件,插件详解,里面的第五个功能就可以实现你说的,这个需要CSS配合使用

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

热点排行