在帖内广告实现文字或图片向上不间断滚动效果 for D4.0 4.1
效果:实现文字或图片向上不间断滚动[我用来放【名言警句】了]适应: D4.0 4.1
演示:[url]http://game88.21pages.net[/url] 随便点一个贴子看看
[img]http://sun123.91.tc/fgwz.jpg[/img]
第1步,把以下代码保存为fgwz.htm. 上传论坛根目录.
[code]
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" onload="init_srolltext();" bgcolor="#fafafa">
<div id="icefable1">
<table id="table1" >
<tbody><td>
<font color=#3A5FCD size=2 face=黑体>【名言警句】一个人最伤心的事情无过于良心的死灭。 —— 郭沫若</font>
</td></tbody></table>
<table id="table1" >
<tbody><td>
<font color=#0000FF size=2 face=黑体>【名言警句】不要慨叹生活底痛苦！---慨叹是弱者...... —— 高尔基</font>
</td></tbody></table>
<table id="table2" >
<tbody><td>
<font color=#8B0A50 size=2 face=黑体>【名言警句】希望是附丽于存在的，有存在，便有希望，有希望，便是光明。 —— 鲁迅</font>
</td></tbody></table>
</div><script>
marqueesHeight=24;
stopscroll=false;
with(icefable1){
style.width=0;
style.height=marqueesHeight;
style.overflowX="visible";
style.overflowY="hidden";
noWrap=true;
onmouseover=new Function("stopscroll=true");
onmouseout=new Function("stopscroll=false");
}
preTop=0; currentTop=marqueesHeight; stoptime=0;
icefable1.innerHTML+=icefable1.innerHTML;
function init_srolltext(){
icefable1.scrollTop=0;
setInterval("scrollUp()",20);
}init_srolltext();
function scrollUp(){
if(stopscroll==true) return;
currentTop+=1;
if(currentTop==(marqueesHeight+1))
{
stoptime+=1;
currentTop-=1;
if(stoptime==300)
{
currentTop=0;
stoptime=0;
}
}
else {
preTop=icefable1.scrollTop;
icefable1.scrollTop+=1;
if(preTop==icefable1.scrollTop){
icefable1.scrollTop=marqueesHeight;
icefable1.scrollTop+=1;
}
}
}
</script></body></html>
[/code]
第2步,在后台 广告管理-->贴内广告-->广告 html 代码.加入
[code]
<iframe src="/fgwz.htm" width=650 height="19" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
[/code]
完成.
如果要实现文字带链接的效果，
找:
[code]
<table id="table1" >
<tbody><td>
<font color=#3A5FCD size=2 face=黑体>【名言警句】一个人最伤心的事情无过于良心的死灭。 —— 郭沫若</font>
</td></tbody></table>
[/code]
改为:
[code]
<table id="table1" >
<tbody><td>
<a href=链接地址 target=_blank>链接文字</a>
</td></tbody></table>
[/code]
图片效果
改为:
[code]
<table id="table1" >
<tbody><td>
<a title=说明文字 href=链接地址 target=_blank><img src=图片地址 width=88 height=31 border=0></a>
</td></tbody></table>
[/code]
[[i] 本帖最后由 zcl8840 于 2006-8-9 11:53 编辑 [/i]]
不错！值得
*** 作者被禁止或删除 内容自动屏蔽 ***继续关注一
*** 作者被禁止或删除 内容自动屏蔽 ***页:
[1]