怎么实现页面右侧浮动导航？
日期：2014-05-17 浏览次数：20406 次
如何实现页面右侧浮动导航？？？
要实现的是人民网右侧导航的这种效果http://fujian.people.com.cn/
点击导航的选项后，页面会定位到指定的栏目模块中
这个是怎么实现的？？？
------解决方案--------------------
要实现的是人民网右侧导航的这种效果http://fujian.people.com.cn/
点击导航的选项后，页面会定位到指定的栏目模块中
这个是怎么实现的？？？
导航
url
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script>
lastScrollY = 0;
function heartBeat() {
var diffY;
if (document.documentElement && document.documentElement.scrollTop)
diffY = document.documentElement.scrollTop;
else if (document.body)
diffY = document.body.scrollTop;
else
{ /*Netscape stuff*/ }
percent = .1 * (diffY - lastScrollY);
if (percent > 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
document.getElementById("web_ad").style.top = parseInt(document.getElementById("web_ad").style.top) + percent + "px";
lastScrollY = lastScrollY + percent;
}
suspendcode = "<DIV id=\"web_ad\" style='right:100px;POSITION:absolute;TOP:100px; border:0px solid #ddd;'><a href='javascript:scroll(0,0)'>返回顶部</a><br><a href='#new' >新闻</a></div>";
document.write(suspendcode);
window.setInterval("heartBeat()", 1);
</script>
</head>
<body>
<div style=" height::200px; padding-bottom:500xp;">消息
消息<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
