87,914
社区成员
发帖
与我相关
我的任务
分享求救，help
我再网上下了一个动态公告栏的程序，但是总是有问题，代码如下，希望高手可以指出问题所在，小弟将十分感谢：
“文字公告板”是网页上经常使用的信息发布方式，通常的“文字公告板”都使用文字滚动的方式，看得多了，就缺少新鲜感。这里向读者介绍一个利用渐变滤镜实现的“文字公告板”，以文字渐显的过渡方式转换一幅幅的文字信息，新颖有趣，有很好的视觉效果。该“文字公告板”是一个结合DHTML语句编写的实用程序，包括三个程序文件。
（1） 主页面文件：banner.htm，它包含了公告板的框架和公告板javascript脚本的外部文件引用。
（2） 公告板信息条目文件：myinfo.js ，将需要发布的信息条目和链接地址按顺序依次填入相应数组项内。当信息需要更新时，将此文件的内容更新后重新上传即可。
（3） 公告板的控制程序文件：myjavascript.js ，它包含公告板显隐控制程序。
以外部引用的方式使用javascript脚本文件可以使主页面的内容比较简洁。实际使用时，只要将主页面内的公告板框架内容和脚本程序的引用部分放置到你自己页面上的相应位置，就可正常使用了。本程序使用了“filter:blendTrans(duration=2)”渐变滤镜，其中的“duration=2”是设置渐变过程中文字的显示持续时间。每一幅文字页面转换时间的间隔是用“setTimeout(″show_banner()″,10000)”语句设置的，这里的时间间隔参数为10000，即10秒。这两个参数可根据自己的需要作相应地调整。程序中的bt.gif是公告板标题图像，point.gif是一个圆点图像，用来罗列信息条目。
下面分别给出三个程序文件的源程序。
（1）公告板主页面源程序banner.htm
<HTML>
<HEAD>
<TITLE>渐变效果公告板演示页面</TITLE>
<SCRIPT LANGUAGE=JavaScript src=″myinfo.js″>//调用公告板内容信息程序
</SCRIPT>
<SCRIPT LANGUAGE=JavaScript src=″myjavascript.js″> //调用公告板显隐控制程序
</script>
</HEAD>
<BODY onload=″show_banner();″ bgcolor=″＃FFFFFF″>
<br>
<br>
<!－－ 包括公告板的表格框架，可将此框架包含的内容安置到任意所需位置 －－>
<table width=″150″ border=″0″ height=″167″>
<tr>
<td height=″25″><img src=″bt.gif″ width=″150″ height=″23″></td>
</tr>
<tr bgcolor=″＃66CC99″ valign=″top″>
<td width=″150″ height=″150″>
<!－－ 定义一个div标记块，用来显示公告板内容 －－>
<!－－ 并在div中定义一个 id 标识作为操作的对象名 －－>
<div id=″banner_text″
style=″color:′blue′;font－size:9pt;position:relative;width:144;height:142;top:3;left:3;text－align:left;background－color:yellow;filter:blendTrans(duration=2)″></div> </td>
</tr>
</table>
<!－－ 包括公告板的表格框架在此结束 －－>
</BODY>
</HTML>
（2）填写公告板发布信息条目的脚本程序myinfo.js
//下面创建两个数组，Text数组填入文字内容，长度不超过20个汉字，Link数组填入与文字相对应的链接地址，数组序号要保持连续。信息条目的多少不限，本程序设定一幅页面显示四个条目。更新信息时，只需修改本文件的信息内容后上传。到站点复盖旧文件后，即可实现公告板内容的更新。
Text = new Array();
Link = new Array();
Text[0]=″这是一个渐变效果的公告板″;
Link[0]=″http://www.sohu.com″;
Text[1]=″它和普通的文字滚动的公告板有所不同″;
Link[1]=″http://firstsx.topcool.net.com″;
Text[2]=″它的显示效果是很好的。″;
Link[2]=″http://www.sina.com.cn″;
Text[3]=″有一个良好的视觉效果和不会影响人们的视线″;
Link[3]=″http://www.sohu.com″;
Text[4]=″IBM硬盘现在又降价了，快去买吧！″;
Link[4]=″http://www.sohu.com″;
Text[5]=″Intel公司又到了点仓的时间了，CPU又要降！″;
Link[5]=″http://www.sohu.com″;
Text[6]=″现在是攒机的好时机。″;
Link[6]=″http://www.sohu.com″;
//你可随意增加任意多个信息条目。
（3）公告板的控制程序myjavascript.js
banner= new Array(); // 建立一个存放公告板页面的数组
point=″<img src=′point.gif′>″; //圆点图像存入变量
var Text_len=Text.length; //信息条目的数量存入Text_len变量
pages=0;
lines=0;
banner[pages]=″″;
//下面将信息条目分配到每一个页面中
for(i=0;i<Text_len;i＋＋){
banner[pages] ＋=point＋″<a href=″＋Link[i]＋″ target=_blank >″＋Text[i]＋″</a><br>″;
lines＋＋;
//下面设定每一幅页面显示四条信息。
if(lines==4) {
pages＋＋;
banner[pages]=″″;
lines=0;
}
}
var loop=0; // 设置初始显示页为第0页
var banner_len=banner.length－1; // 计算出公告板的页长
// 下面创建显示公告板内容的函数
function show_banner() {
banner_text.filters[0].Apply();
banner_text.innerHTML=banner[loop]; //将每一页的内容填入banner_text对象中
banner_text.filters[0].Play(); //开始一个渐变滤镜效果
//以下表示如果到达最后一页，则返回到第一页，否则页数加1
if(loop==banner_len) {
loop=0;
}
else {
loop＋＋;
}
//最后设置公告板页面之间的转换速度，目前是10秒
window.setTimeout(″show_banner()″,10000);
}
我在自己的机器上实验时，总是有错误，说是缺少对象或者是danner_text.filters属性不对。当然程序中的各种中文引号，破这号我都改了。应该不是这种问题引起的。
“文字公告板”是网页上经常使用的信息发布方式，通常的“文字公告板”都使用文字滚动的方式，看得多了，就缺少新鲜感。这里向读者介绍一个利用渐变滤镜实现的“文字公告板”，以文字渐显的过渡方式转换一幅幅的文字信息，新颖有趣，有很好的视觉效果。该“文字公告板”是一个结合DHTML语句编写的实用程序，包括三个程序文件。
（1） 主页面文件：banner.htm，它包含了公告板的框架和公告板javascript脚本的外部文件引用。
（2） 公告板信息条目文件：myinfo.js ，将需要发布的信息条目和链接地址按顺序依次填入相应数组项内。当信息需要更新时，将此文件的内容更新后重新上传即可。
（3） 公告板的控制程序文件：myjavascript.js ，它包含公告板显隐控制程序。
以外部引用的方式使用javascript脚本文件可以使主页面的内容比较简洁。实际使用时，只要将主页面内的公告板框架内容和脚本程序的引用部分放置到你自己页面上的相应位置，就可正常使用了。本程序使用了“filter:blendTrans(duration=2)”渐变滤镜，其中的“duration=2”是设置渐变过程中文字的显示持续时间。每一幅文字页面转换时间的间隔是用“setTimeout(″show_banner()″,10000)”语句设置的，这里的时间间隔参数为10000，即10秒。这两个参数可根据自己的需要作相应地调整。程序中的bt.gif是公告板标题图像，point.gif是一个圆点图像，用来罗列信息条目。
下面分别给出三个程序文件的源程序。
（1）公告板主页面源程序banner.htm
<HTML>
<HEAD>
<TITLE>渐变效果公告板演示页面</TITLE>
<SCRIPT LANGUAGE=JavaScript src=″myinfo.js″>//调用公告板内容信息程序
</SCRIPT>
<SCRIPT LANGUAGE=JavaScript src=″myjavascript.js″> //调用公告板显隐控制程序
</script>
</HEAD>
<BODY onload=″show_banner();″ bgcolor=″＃FFFFFF″>
<br>
<br>
<!－－ 包括公告板的表格框架，可将此框架包含的内容安置到任意所需位置 －－>
<table width=″150″ border=″0″ height=″167″>
<tr>
<td height=″25″><img src=″bt.gif″ width=″150″ height=″23″></td>
</tr>
<tr bgcolor=″＃66CC99″ valign=″top″>
<td width=″150″ height=″150″>
<!－－ 定义一个div标记块，用来显示公告板内容 －－>
<!－－ 并在div中定义一个 id 标识作为操作的对象名 －－>
<div id=″banner_text″
style=″color:′blue′;font－size:9pt;position:relative;width:144;height:142;top:3;left:3;text－align:left;background－color:yellow;filter:blendTrans(duration=2)″></div> </td>
</tr>
</table>
<!－－ 包括公告板的表格框架在此结束 －－>
</BODY>
</HTML>
（2）填写公告板发布信息条目的脚本程序myinfo.js
//下面创建两个数组，Text数组填入文字内容，长度不超过20个汉字，Link数组填入与文字相对应的链接地址，数组序号要保持连续。信息条目的多少不限，本程序设定一幅页面显示四个条目。更新信息时，只需修改本文件的信息内容后上传。到站点复盖旧文件后，即可实现公告板内容的更新。
Text = new Array();
Link = new Array();
Text[0]=″这是一个渐变效果的公告板″;
Link[0]=″http://www.sohu.com″;
Text[1]=″它和普通的文字滚动的公告板有所不同″;
Link[1]=″http://firstsx.topcool.net.com″;
Text[2]=″它的显示效果是很好的。″;
Link[2]=″http://www.sina.com.cn″;
Text[3]=″有一个良好的视觉效果和不会影响人们的视线″;
Link[3]=″http://www.sohu.com″;
Text[4]=″IBM硬盘现在又降价了，快去买吧！″;
Link[4]=″http://www.sohu.com″;
Text[5]=″Intel公司又到了点仓的时间了，CPU又要降！″;
Link[5]=″http://www.sohu.com″;
Text[6]=″现在是攒机的好时机。″;
Link[6]=″http://www.sohu.com″;
//你可随意增加任意多个信息条目。
（3）公告板的控制程序myjavascript.js
banner= new Array(); // 建立一个存放公告板页面的数组
point=″<img src=′point.gif′>″; //圆点图像存入变量
var Text_len=Text.length; //信息条目的数量存入Text_len变量
pages=0;
lines=0;
banner[pages]=″″;
//下面将信息条目分配到每一个页面中
for(i=0;i<Text_len;i＋＋){
banner[pages] ＋=point＋″<a href=″＋Link[i]＋″ target=_blank >″＋Text[i]＋″</a><br>″;
lines＋＋;
//下面设定每一幅页面显示四条信息。
if(lines==4) {
pages＋＋;
banner[pages]=″″;
lines=0;
}
}
var loop=0; // 设置初始显示页为第0页
var banner_len=banner.length－1; // 计算出公告板的页长
// 下面创建显示公告板内容的函数
function show_banner() {
banner_text.filters[0].Apply();
banner_text.innerHTML=banner[loop]; //将每一页的内容填入banner_text对象中
banner_text.filters[0].Play(); //开始一个渐变滤镜效果
//以下表示如果到达最后一页，则返回到第一页，否则页数加1
if(loop==banner_len) {
loop=0;
}
else {
loop＋＋;
}
//最后设置公告板页面之间的转换速度，目前是10秒
window.setTimeout(″show_banner()″,10000);
}
我在自己的机器上实验时，总是有错误，说是缺少对象或者是danner_text.filters属性不对。当然程序中的各种中文引号，破这号我都改了。应该不是这种问题引起的。
...全文
请发表友善的回复…
发表回复
daemonys 2002-12-12
- 打赏
- 举报
<html>
<head>
<title>yanshi</title>
<script LANGUAGE=JavaScript src="myinfo.js">
</script>
<script LANGUAGE=JavaScript src="myjavascript.js">
</script>
</head>
<body onload = "show_banner()" bgcolor="#ffffff">
<br>
<br>
<!--包括-->
<table width="150" border="0" height="167">
<tr>
<td height="25"><img src="wjb.gif" width="150" height="23"></td>
</tr>
<tr bgcolor="#66cc99" valign="top">
<td width="150" height="150">
<!--定义一个div快，显示公告牌内容-->
<div id = "banner_text"
style="color:'blue';font-size:9pt;position:relative;
width:144;height:142;top:3;text-align:left;background-color:yellow;
filter:blendTrans(duration=2)"></div></td>
</tr>
</table>
</body>
</html>
myinfo.js文件
Text = new Array();
Link = new Array();
Text[0]="hehehe";
Link[0]="http://www.sina.com.cn";
Text[1]="它和普通的文字滚动的公告板有所不同";
Link[1]="http://firstsx.topcool.net.com";
Text[2]="它的显示效果是很好的。";
Link[2]="http://www.sina.com.cn";
Text[3]="有一个良好的视觉效果和不会影响人们的视线";
Link[3]="http://www.sohu.com";
Text[4]="IBM硬盘现在又降价了，快去买吧！";
Link[4]="http://www.sohu.com";
Text[5]="Intel公司又到了点仓的时间了，CPU又要降！";
Link[5]="http://www.sohu.com";
Text[6]="现在是攒机的好时机。";
Link[6]="http://www.sohu.com";
myjavascript.js文件：
banner = new Array();
point = "<img src='wjb.gif'>"
var Text_len = Text.lengh;
pages = 0;
lines = 0;
banner[pages]="";
for(i=0;i<Text_len;i++)
{
banner[pages] += "<a href="+Link[i]+"target=_blank>"+Text[i]+"</a><br>";
lines++;
if(lines==4)
{
pages++;
banner[pages]="";
lines=0;
}
}
var loop = 0;
var banner_len = banner.length-1;
function show_banner()
{
banner_text.filters[0].Apply();
banner_text.innerHTML = banner[loop];
banner_text.filters[0].Play();
if(loop == banner_len)
{
loop = 0;
}
else
{
loop++;
}
window.setTimeout("show_banner()",10000);
}
<head>
<title>yanshi</title>
<script LANGUAGE=JavaScript src="myinfo.js">
</script>
<script LANGUAGE=JavaScript src="myjavascript.js">
</script>
</head>
<body onload = "show_banner()" bgcolor="#ffffff">
<br>
<br>
<!--包括-->
<table width="150" border="0" height="167">
<tr>
<td height="25"><img src="wjb.gif" width="150" height="23"></td>
</tr>
<tr bgcolor="#66cc99" valign="top">
<td width="150" height="150">
<!--定义一个div快，显示公告牌内容-->
<div id = "banner_text"
style="color:'blue';font-size:9pt;position:relative;
width:144;height:142;top:3;text-align:left;background-color:yellow;
filter:blendTrans(duration=2)"></div></td>
</tr>
</table>
</body>
</html>
myinfo.js文件
Text = new Array();
Link = new Array();
Text[0]="hehehe";
Link[0]="http://www.sina.com.cn";
Text[1]="它和普通的文字滚动的公告板有所不同";
Link[1]="http://firstsx.topcool.net.com";
Text[2]="它的显示效果是很好的。";
Link[2]="http://www.sina.com.cn";
Text[3]="有一个良好的视觉效果和不会影响人们的视线";
Link[3]="http://www.sohu.com";
Text[4]="IBM硬盘现在又降价了，快去买吧！";
Link[4]="http://www.sohu.com";
Text[5]="Intel公司又到了点仓的时间了，CPU又要降！";
Link[5]="http://www.sohu.com";
Text[6]="现在是攒机的好时机。";
Link[6]="http://www.sohu.com";
myjavascript.js文件：
banner = new Array();
point = "<img src='wjb.gif'>"
var Text_len = Text.lengh;
pages = 0;
lines = 0;
banner[pages]="";
for(i=0;i<Text_len;i++)
{
banner[pages] += "<a href="+Link[i]+"target=_blank>"+Text[i]+"</a><br>";
lines++;
if(lines==4)
{
pages++;
banner[pages]="";
lines=0;
}
}
var loop = 0;
var banner_len = banner.length-1;
function show_banner()
{
banner_text.filters[0].Apply();
banner_text.innerHTML = banner[loop];
banner_text.filters[0].Play();
if(loop == banner_len)
{
loop = 0;
}
else
{
loop++;
}
window.setTimeout("show_banner()",10000);
}
daemonys 2002-12-12
- 打赏
- 举报
空格我都已经删掉了，不是他们的问题，我在重帖一个吧，希望各位大哥帮忙
intel 2002-12-11
- 打赏
- 举报
确实很烂
方工 2002-12-11
- 打赏
- 举报
如果这就是那个程序，做的也太烂了。
查找所有这个（全角空格）字符：" "
查找所有这个（全角空格）字符：" "
