如何实现让<table><tr><td>XXXXX</td></tr></table>中的XXXX内容(可能有上百个字)能够每隔N秒就自动更换,需更换的内容可以是放在某个文本中的。用php或javascript或flash方式实现都可以,其它不要。
我原来想用flash方式,就是那种有图片及文字说明的,能够自动隔几秒就变换一幅图,想把图缩小为0,文字区域扩大些,但唯一的问题就是,它的文本框不能对文本进行自动换行处理,也就是说,不能在它的显示区域内将文本都显示出来(即采用多行方式),它是单行方式,其它文本空间都空着,因此一行上文本内容多的话就会显示不下,达不到我的目的。
请各位高手能提供达到我目的的源码,给高分。
我原来想用flash方式,就是那种有图片及文字说明的,能够自动隔几秒就变换一幅图,想把图缩小为0,文字区域扩大些,但唯一的问题就是,它的文本框不能对文本进行自动换行处理,也就是说,不能在它的显示区域内将文本都显示出来(即采用多行方式),它是单行方式,其它文本空间都空着,因此一行上文本内容多的话就会显示不下,达不到我的目的。
请各位高手能提供达到我目的的源码,给高分。
单纯的HTML显示就可以达到你所要求的效果。
不需要考虑得那么复杂。
var text1 = "<b>我是第一个</b>";
var text2 = "<i>我是第二个</i>";
var text3 = "<u>我是第三个</u>";
var i = 1;
function re()
{ var id_td = document.getElementById("otd");
var textvalue = "text"+i;
if(i==3){i = 0;}
i = i+1;
id_td.innerHTML = eval(textvalue);
}
function tim()
{
window.setInterval(re,1000);
}
</script>
<body onload="tim()">
<table><tr><td id="otd">我是第一个</td></tr></table>
</body>
var ga_image=new Array();
var ga_link=new Array();
var ga_text=new Array();
ga_image[0]="/UploadFile/200904/20090429084533.jpg";
ga_link[0]="/HtmlPage/sys_information/200904/213";
ga_text[0]="XXXX文本1";
ga_image[1]="/UploadFile/200904/20090429084557.jpg";
ga_link[1]="/HtmlPage/sys_information/200904/212";
ga_text[1]="XXXX文本2";
ga_image[2]="/UploadFile/200904/20090429084619.jpg";
ga_link[2]="/HtmlPage/sys_information/200904/210";
ga_text[2]="XXXX文本3";
var suu=1;
var fsou=0;
var iTransNumber=0;
var garTransitions = new Array();
garTransitions[0] = "progid:DXImageTransform.Microsoft.RandomDissolve()";
garTransitions[1] = "progid:DXImageTransform.Microsoft.Iris(irisStyle='star', motion='out')";
garTransitions[2] = "progid:DXImageTransform.Microsoft.Iris(irisStyle='diamond', motion='in')";
garTransitions[3] = "progid:DXImageTransform.Microsoft.Iris(irisStyle='cross', motion='out')";
garTransitions[4] = "progid:DXImageTransform.Microsoft.Iris(irisStyle='circle', motion='in')";
garTransitions[5] = "progid:DXImageTransform.Microsoft.Iris(irisStyle='square', motion='out')";
garTransitions[6] = "progid:DXImageTransform.Microsoft.Iris(irisStyle='plus', motion='in')";
garTransitions[7] = "progid:DXImageTransform.Microsoft.Barn(orientation='vertial' motion='in')";
garTransitions[8] = "progid:DXImageTransform.Microsoft.Barn(orientation='vertial' motion='out')";
garTransitions[9] = "progid:DXImageTransform.Microsoft.Barn(orientation='horizontal' motion='in')";
garTransitions[10] = "progid:DXImageTransform.Microsoft.Barn(orientation='horizontal' motion='out')";
garTransitions[11] = "progid:DXImageTransform.Microsoft.Pixelate()";
garTransitions[12] = "progid:DXImageTransform.Microsoft.Inset()";
garTransitions[13] = "progid:DXImageTransform.Microsoft.Checkerboard(Direction='left')";
garTransitions[14] = "progid:DXImageTransform.Microsoft.Checkerboard(Direction='right')";
garTransitions[15] = "progid:DXImageTransform.Microsoft.Checkerboard(Direction='down')";
garTransitions[16] = "progid:DXImageTransform.Microsoft.Checkerboard(Direction='up')";
garTransitions[17] = "progid:DXImageTransform.Microsoft.RandomBars(motion='horizontal')";
garTransitions[18] = "progid:DXImageTransform.Microsoft.RandomBars(motion='vertical')";
garTransitions[19] = "progid:DXImageTransform.Microsoft.Slide(bands=5, slideStyle='push')";
garTransitions[20] = "progid:DXImageTransform.Microsoft.Slide(bands=5, slidestyle='swap')";
garTransitions[21] = "progid:DXImageTransform.Microsoft.Slide(bands=5, slidestyle='hide')";
garTransitions[22] = "progid:DXImageTransform.Microsoft.Spiral()";
garTransitions[23] = "progid:DXImageTransform.Microsoft.Stretch(stretchStyle='push')";
garTransitions[24] = "progid:DXImageTransform.Microsoft.Stretch(stretchStyle='pop')";
garTransitions[25] = "progid:DXImageTransform.Microsoft.Fade(duration=2,overlap=0)";
garTransitions[26] = "progid:DXImageTransform.Microsoft.GradientWipe(duration=2,gradientSize=0.25,motion=forward )";
garTransitions[27] = "progid:DXImageTransform.Microsoft.Wheel(duration=2,spokes=16)";
garTransitions[28] = "progid:DXImageTransform.Microsoft.RadialWipe(duration=2,wipeStyle=CLOCK)";
var kirikaeGa=new Array();
for (kazu=0;kazu<ga_image.length;kazu++)
{
kirikaeGa[kazu]=new Image();
kirikaeGa[kazu].src=ga_image[kazu];
}
function kirikae()
{
if (window.createPopup)
rittai.style.filter = garTransitions[25];
iTransNumber++;
if(iTransNumber==garTransitions.length)
iTransNumber=0;
if (window.createPopup)
rittai.filters[0].apply();
document.images.rittai.src=kirikaeGa[suu].src;
document.getElementById('NewsTitleLable').innerHTML=ga_text[suu];
if (window.createPopup)
rittai.filters[0].play();
suu++;
fsou=suu-1;
if (suu==kirikaeGa.length)
suu=0;
setTimeout("kirikae()",6000);
}
function jumpToUrl()
{
if(fsou<0)
{
fsou=0;
}
jumpUrl=ga_link[fsou];
jumpTarget='_blank';
if (jumpUrl != '')
{
if (jumpTarget != '') window.open(jumpUrl,jumpTarget);
else location.href=jumpUrl;
}
}
window.onload=function(){
document.images.rittai.src=kirikaeGa[0].src;
document.getElementById('NewsTitleLable').innerHTML=ga_text[0];
setTimeout('kirikae()',6000);
}
</script>
<div style="background-image:url(/Images/newpicbg.jpg);">
<div><a href="javascript:jumpToUrl();"><img name="rittai" width="366" height="234" border="0" style="filter:progid:DXImageTransform.Microsoft.Stretch(stretchStyle='POP');"></a></div>
<div style="text-align:center; height:26px; padding-top:6px; font-weight:bold;"><a href="javascript:jumpToUrl();"><span id="NewsTitleLable"></span></a></div>
</div>
有点长,不过中间的那个是图片切换的效果样式有很多种不知道你要的是不是这种的