文字轮显效果特效
2008-03-04 09:29
363 查看
<HTML>
<style>
<!--
#ticker
{
width:800px;
line-height:1.2em;
background-color:lightblue;
}
-->
</style>
<script language="JavaScript1.2">
//configure tickercontents[] to set the messges you wish be displayed (HTML codes accepted)//设置内容显示
var tickercontents=new Array()
tickercontents[0]='See what's New at Dynamic Drive. <a href=http://www.alixixi.com">[Read more]</a>'
tickercontents[1]='Browse the most popular scripts on Dynamic Drive <a href=http://www.alixixi.com/down/">[Read more]</a>'
tickercontents[2]='Link back to Dynamic Drive! <a href=http://www.alixixi.com/dev/">[Read more]</a>'
//configure the below variable to determine the delay between ticking of messages (in miliseconds//设置延迟时间
var tickdelay=3000
////Do not edit pass this line////////////////
var currentmessage=0
function changetickercontent(){
ticker.innerHTML=tickercontents[currentmessage]
if (currentmessage==tickercontents.length-1) currentmessage=0
else currentmessage++
setTimeout("changetickercontent()",tickdelay)
}
function start_ticking(){
changetickercontent()
}
window.onload=start_ticking
</script>
<div id="ticker"left=0 top=0></div>
</HTML>
<style>
<!--
#ticker
{
width:800px;
line-height:1.2em;
background-color:lightblue;
}
-->
</style>
<script language="JavaScript1.2">
//configure tickercontents[] to set the messges you wish be displayed (HTML codes accepted)//设置内容显示
var tickercontents=new Array()
tickercontents[0]='See what's New at Dynamic Drive. <a href=http://www.alixixi.com">[Read more]</a>'
tickercontents[1]='Browse the most popular scripts on Dynamic Drive <a href=http://www.alixixi.com/down/">[Read more]</a>'
tickercontents[2]='Link back to Dynamic Drive! <a href=http://www.alixixi.com/dev/">[Read more]</a>'
//configure the below variable to determine the delay between ticking of messages (in miliseconds//设置延迟时间
var tickdelay=3000
////Do not edit pass this line////////////////
var currentmessage=0
function changetickercontent(){
ticker.innerHTML=tickercontents[currentmessage]
if (currentmessage==tickercontents.length-1) currentmessage=0
else currentmessage++
setTimeout("changetickercontent()",tickdelay)
}
function start_ticking(){
changetickercontent()
}
window.onload=start_ticking
</script>
<div id="ticker"left=0 top=0></div>
</HTML>
相关文章推荐
- 文字轮显效果特效
- 简单做出HTML5翻页效果文字特效
- JS炫彩动画效果的文字特效
- Photoshop文字特效——水晶立体效果文字
- Photoshop文字特效——带有积雪效果的玻璃质感文字
- js实现文字定时向上滚动效果_文字特效_js网页特效代码
- Photoshop文字特效——火球立体效果文字
- Photoshop文字特效——霓虹弯管效果的文字
- 一种文字颜色渐变效果的超级连接特效
- jquery淡化版banner异步图片文字效果切换图片特效
- Photoshop文字特效——牛仔布纹理效果文字
- 不错的文字特效,逐字变色效果
- 创意HTML5文字特效 类似翻页的效果
- javascript 打字效果的文字特效
- Photoshop文字特效——栅格层叠效果文字
- Photoshop文字特效——糖果水晶效果
- 基于HTML5 Canvas粒子效果文字动画特效
- javascript 打字效果的文字特效
- [css特效]A标记的经典效果:鼠标放到A的整行上,背景变色(鼠标没在文字上)
- Photoshop文字特效——金属拼贴效果文字