浮动按钮，给分！………………

Question

通常都是将按钮或者图片放到一个层里，控制层的位置从而达到浮动的效果
你可以看下它的代码：<script language="javascript">
//右边的滑动按钮
suspendcode="<DIV id=backi style='right:0px;POSITION:absolute;TOP:200px;'><a href='javascript:history.back()' title='返回'><img border=0 src=\"/bbs/pic/lw.gif\" ></a><br><a href='#top' title='顶部'><img border=0 src=\"/bbs/pic//uw.gif\" ></a><br><a href='#bottom' title='底部'><img border=0 src=\"/bbs/pic/dw.gif\" ></a></div>" 
document.write(suspendcode); 
lastScrollY=0; 
function heartBeat(){ 
diffY=document.body.scrollTop; 
percent=.1*(diffY-lastScrollY); 
if(percent>0)percent=Math.ceil(percent); 
else percent=Math.floor(percent); 
document.all.backi.style.pixelTop+=percent; 
lastScrollY=lastScrollY+percent; 
} 
window.setInterval("heartBeat()",1); </script>

Answer 1

http://jkisjk.vip.sina.com/html/DivFixedInBody2.htmhttp://jkisjk.vip.sina.com/html/DivFixedInBody1.htm

Answer 2

<SCRIPT language=JavaScript>
<!--
//构造浮动层
suspendcode="<div id='myDiv' style='right:5px;top:150px;position:absolute' >";
suspendcode=suspendcode+"<table width='150' border='0' align='center' cellpadding='4' cellspacing='1' class='TableBg' >";
suspendcode=suspendcode+"<tr class='TdLeftBg'>";
suspendcode=suspendcode+" <td ><div align='center'><a href='#top'>首   端</a></div></td>";
suspendcode=suspendcode+" <td ><div align='center'><a href='#bottom'>底   部</a></div></td>";
suspendcode=suspendcode+" </tr>";
suspendcode=suspendcode+" <tr class='TdLeftBg'>";
suspendcode=suspendcode+" <td><div align='center'><a href='#measure'>计量配置</a></div></td>";
suspendcode=suspendcode+" <td><div align='center'><a href='#eleCost'>电    价</a></div></td>";
suspendcode=suspendcode+" </tr>";
suspendcode=suspendcode+" <tr class='TdLeftBg'>";
suspendcode=suspendcode+" <td><div align='center'><a href='#duty'>违约责任</a></div></td>";
suspendcode=suspendcode+" <td><div align='center'><a href='contract.html'>返 回</a></div></td>";
suspendcode=suspendcode+" </tr>";
suspendcode=suspendcode+"</table>";
suspendcode=suspendcode+"</div>";document.write(suspendcode); 
//移动
lastScrollY=0; 
function heartBeat(){ 
diffY=document.body.scrollTop; 
percent=.5*(diffY-lastScrollY); 
if(percent>0)percent=Math.ceil(percent); 
else percent=Math.floor(percent); 
document.all.myDiv.style.pixelTop+=percent; 
lastScrollY=lastScrollY+percent; 
} 
window.setInterval("heartBeat()",1); 
//-->
</SCRIPT>
那个按钮就是一个层.至于上面的只是个超链接了,你在你想要到的地方加这句就行了:<a name="top"></a>就可以了

Answer 3

最简单地做法是用 expression (IE)
//图片始终定位在页面的右下角
<img src="http://expert.csdn.net/images/csdn.gif" border=0 style="position: absolute;
  top:expression(document.body.scrollTop + document.body.clientHeight - this.clientHeight);
  left:expression(document.body.scrollLeft + document.body.clientWidth - this.clientWidth);">
<div style="width: 2000; height: 2000"></div>