固定在博客底部的滚动新闻条

来源:└博友窝  编辑:博客代码网  发布时间:2007-05-06  点击:  [收藏]

代码如下: <DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression(eval(document.body.scrollLeft) eval(document.body.clientWidth)-70); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop) eval(document.body.clientHeight)-32); TEXT-ALIGN: center">
<DIV style="RIGHT: 0px; POSITION: absolute; TOP: 0px">
<TABLE cellSpacing=1 cellPadding=1 border=2>
<TBODY>
<TR>
<TD><TBODY>
<TR align=middle>
<TD align=middle bgColor=#e00a0c colSpan=14 height=22><IFRAME border=0 name=sina_roll marginWidth=0 marginHeight=0 src="http://news.sina.com.cn/o/allnews/input/index.html" frameBorder=No width=846 scrolling=no height=20></IFRAME></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV>

代码说明:

1、clientWidth后面负数的绝对值越大越靠近左侧。
其值取得方法:如果你要把新闻条的宽度值设置为跟页面的宽度一样宽,其宽度值为1003。如果你改了模板宽度,而且把新闻条的宽度值设置为跟你的模板宽度一样,如我博客上那样子。其值为(1003-你的模板宽度)/2.我的模板宽度为850,取值(1003-850)/2大致为76,由于我的新闻条加有2PX边框所以取70.微小偏差还要不断调整。

2、clientHeight后面负数的绝对值越大越靠近上部。这个数值我已调整好,无需更改。

3.代码中绿色部分WIDTH=新闻条宽度,也就是第三点中你的模板宽度-4,为什么要减4,这是因为此新闻滚动条为了美观,我加有2PX的边框.微小的偏差需要你根据实际情况适当调整。要注意前面的负号别弄丢了,否则代码无效。其他数值我已调整好不需更改。

4.如果要想让新闻条固定在博客底部一动不动,那么还需要对大背景进行固定,大背景的固定代码如下:

<style>body {background:url("页面大背景图片地址") repeat fixed!important;}</styLE>

如果想把新闻滚动条固定在通栏图下方可以参看我的文章《☆个性化滚动新闻代码☆》


文章地址: