多条问候语句交替显示-网页设计频道-中国IT实验室-技术·资讯·教育·服务·社区

首页 | 互联网 | IT动态 | 网络设备 | 服务器 | IDC | 安全 | Cisco | Windows | Linux | Java | .Net | Oracle | CIW | 华为 | 专题
IT技术 | 网页设计 | 平面设计 | 电子书下载 | 教学视频 | 方案 | 数字网校 | 直播室 | 虚拟考场 | 面授培训 | 搜索 | 博客 | 沙龙 | 论坛




网页设计
Dreamweaver \| Flash

Fireworks　 \| Frontpage

HTML/CSS　　\| Javascript


平面设计
Photoshop　 \| CorelDraw

AuotoCAD 　 \| Illustrator

Freehand


多媒体
3DMax　　　 \| Authorware

Director 　 \| Maya


工具软件
PP点点通 \| 迅雷 \| BT

eMule \| FlashGet \| Nero

Ghost \| Outlook \| IE

Maxthon \| Office


即时通讯
QQ \| MSN \| 网易泡泡

Skype \| 雅虎通 \| 新浪UC

最新文章

您现在的位置：中国IT实验室 >> 网页设计 >> Javascript教程 >> 文章正文

多条问候语句交替显示

中国设计秀www.cnwebshow.com　

2007-8-29　

佚名　

保存本文　

推荐给好友　

收藏本站

◆ 网页平面多媒体培训、认证考试免费咨询热线:400-700-5807 进入网络咨询平台 ◆

点击下面的运行，可预览代码效果
代码如下：

要完成此效果把如下代码加入到<body>区域中
<script language="<a class="channel_keylink" href="http://java.chinaitlab.com/" target="_blank">Java</a>Script1.2">
var delay=2000
var scrollwidth=210
var scrollheight=75
var message=new Array()
var openingtag='<font face="Arial" size=3 color=FF9900>'
message[0]='<b>i love you </b>'
message[1]='<b>i love you jojoo</b>'
message[2]='<b>jojoo i love you too</b>'
var closingtag='</font>'
var hoffset=-10
</script>
<ilayer width=&{scrollwidth}; height=&{scrollheight}; name="sslide">
<layer name="sslide2" width=&{scrollwidth}; height=&{scrollheight};></layer>
</ilayer>
<script language="<a class="channel_keylink" href="http://java.chinaitlab.com/" target="_blank">Java</a>Script1.2">
var inc=1
var ns4=document.layers
var ie5ns6=document.getElementById||document.all
if (ie5ns6)
document.write(openingtag+'<div id="flyin" style="position:relative;width:'+scrollwidth+';height:'+scrollheight+';">'+message[0]+'</div>'+closingtag)
function updatemsg(){
crossobj.style.left=-2000
crossobj.style.fontStyle="italic"
crossobj.innerHTML=message[inc]
crossobj.style.left=crossobj.offsetWidth*(-1)+hoffset
start=setInterval("animatein()",50)
inc=(inc<message.length-1)? inc+1 : 0
}
function animatein(){
if (parseInt(crossobj.style.left)<0)
crossobj.style.left=parseInt(crossobj.style.left)+20
else{
crossobj.style.left=0
crossobj.style.fontStyle="normal"
clearInterval(start)
}
}
function updatemsgns4(){
document.sslide.document.sslide2.document.write(openingtag+message[inc]+closingtag)
document.sslide.document.sslide2.document.close()
inc=(inc<message.length-1)? inc+1 : 0
}
function initialize(){
if (ie5ns6){
crossobj=document.getElementById? document.getElementById("flyin") : document.all.flyin
setInterval("updatemsg()",delay+1000)
}
else if (ns4){
document.sslide.document.sslide2.document.write(openingtag+message[0]+closingtag)
document.sslide.document.sslide2.document.close()
setInterval("updatemsgns4()",delay)
}
}
window.onload=initialize
</script>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

【责编:runlz】

　　相关产品与培训

相关文章		推荐文章

dreamweaver制作圆角表格 JavaScript实现变色表格特效 JavaScript实现表格特效 JS特效围绕图片疯狂旋转的花朵 JS特效跟随鼠标的图片 js特效点击会变色哦！！ JavaScript加密解密的实现方法减轻JavaScript测试和调试负担未知高度的非表格垂直对齐 JavaScript的9个陷阱及评点

文章评论

精彩友情推荐

华为网管交换机			IDC资讯大全
华为以太网交换机			机房品质万里行
华为交换机最新报价			IDC托管必备知识
华为千兆光纤交换机			全国IDC报价
华为千兆交换机			网站推广优化