1.每条文字信息循环显示，

以下代码加入区域 #oneLiners { background-color:#00c; color:#fd0; font-weight:bold; } 在中加上onLoad="setOneLiners();" 以下代码加入区域

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

2.逐行显示文字,转换过程中带有渐隐渐显效果

以下代码加入区域 #tic { /* enter any styles for the ticker below */ border: .05em #CEC3AD solid; font-size:0.85em; padding:10px; width:400px; line-height:20px; } #tic * { /* this will hide all children tags */ font-size: 1em; margin:0px; padding:0px; display:none; } #tic a { /* add more tags to this list if you wish to display them inside the children */ display:inline; } //more javascript from

http://www.smallrain.net var list; // global list variable cache var tickerObj; // global tickerObj cache var hex = 255; function fadeText(divId) { if(tickerObj) { if(hex>0) { hex-=5; // increase color darkness tickerObj.style.color="rgb("+hex+","+hex+","+hex+")"; setTimeout("fadeText('" + divId + "')", fadeSpeed); } else hex=255; //reset hex value } } function initialiseList(divId) { tickerObj = document.getElementById(divId); if(!tickerObj) reportError("Could not find a div element with id "" + divId + """); list = tickerObj.childNodes; if(list.length 以下代码加入区域

CCTV 快报：

全国政协代表团出访三国 出席经社理事会会议 # [东方时空]六天七夜降服森林大火 # 香港特区政府就曾荫权请辞政务司司长发表声明 # 刘云山会见老挝客人 # 曾庆红强调先进性教育活动要自始至终注重实效 #

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

4.滚轴式向上滚动文字,每次只显示一行

document.write('

' +'' +'

' +'' +'' +'' +'' +'' +'' +'' +'' +' '+strArray[0]+' '+strArray[1]+' '+strArray[2]+' '+strArray[3]+' '+strArray[4]+' ' +'' +'

'); marqueesHeight=21; stopscroll=false; toptable.scrollTop=0; with(toptable){ 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=21; stoptime=0; toptable.innerHTML+=toptable.innerHTML; function init_srolltext(){ toptable.scrollTop=0; setInterval("scrollUp()",40); }init_srolltext(); function scrollUp(){ if(stopscroll==true) return; currentTop+=1; if(currentTop==22) { stoptime+=1; currentTop-=1; if(stoptime==80) { currentTop=0; stoptime=0; } } else { preTop=toptable.scrollTop; toptable.scrollTop+=1; if(preTop==toptable.scrollTop){ toptable.scrollTop=42; toptable.scrollTop+=1; } } }

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

5.文字信息一条接一条显示

以下代码加入区域 #memoryticker{ background-color: lightyellow; width: 450px; font: bold 12px Verdana; /*Tip: add in height attribute here for multiple line scroller*/ border: 1px solid black; padding: 3px; /*Change 0.7 below to a different number if desired (0.7=0.7 seconds)*/ /*Remove below line to remove transitional effect in IE. Below line should always appear last within this CSS*/ filter: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.7) } 以下代码加入区域 //more javascript from

http://www.smallrain.net //configure tickercontents[] to set the messges you wish be displayed (HTML codes accepted) //Backslash any apostrophes within your text (ie: I'm the king of the world!) var tickercontents=new Array() tickercontents[0]='1) 送你一串风铃' tickercontents[1]='2) 风起，铃声响，是我对你的思念。' tickercontents[2]='3) 送你一串风铃，' tickercontents[3]='4) 思念，带着痛，无奈轻风不解情。 ' var persistlastviewedmsg=1 //should messages' order persist after users navigate away (1=yes, 0=no)? var persistmsgbehavior="onload" //set to "onload" or "onclick". //configure the below variable to determine the delay between ticking of messages (in miliseconds): var tickdelay=3000 ////Do not edit pass this line//////////////// var divonclick=(persistlastviewedmsg && persistmsgbehavior=="onclick")? 'onClick="savelastmsg()" ' : '' var currentmessage=0 function changetickercontent(){ if (crosstick.filters && crosstick.filters.length>0) crosstick.filters[0].Apply() crosstick.innerHTML=tickercontents[currentmessage] if (crosstick.filters && crosstick.filters.length>0) crosstick.filters[0].Play() currentmessage=(currentmessage==tickercontents.length-1)? currentmessage=0 : currentmessage+1 var filterduration=(crosstick.filters&&crosstick.filters.length>0)? crosstick.filters [0].duration*1000 : 0 setTimeout("changetickercontent()",tickdelay+filterduration) } function beginticker(){ if (persistlastviewedmsg && get_cookie("lastmsgnum")!="") revivelastmsg() crosstick=document.getElementById? document.getElementById("memoryticker") : document.all.memoryticker changetickercontent() } function get_cookie(Name) { var search = Name + "=" var returnvalue = "" if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { offset += search.length end = document.cookie.indexOf(";", offset) if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; } function savelastmsg(){ document.cookie="lastmsgnum="+currentmessage } function revivelastmsg(){ currentmessage=parseInt(get_cookie("lastmsgnum")) currentmessage=(currentmessage==0)? tickercontents.length-1 : currentmessage-1 } if (persistlastviewedmsg && persistmsgbehavior=="onload") window.onunload=savelastmsg if (document.all||document.getElementById) document.write('') if (window.addEventListener) window.addEventListener("load", beginticker, false) else if (window.attachEvent) window.attachEvent("onload", beginticker) else if (document.all || document.getElementById) window.onload=beginticker

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

6.加亮卷动是在视觉上引起兴趣,多次卷动。它逐渐地将每个信息进从底部升到顶端的视线中,是显示文本的一种好方法。

// Highlighter Scroller II script- By (

http://www.smallrain.net) //CONFIGURE MESSAGES AND VARIABLES var tickercontents=new Array() tickercontents[0]='08:54法国外交部职员发起全球联合罢工 抗议削减预算08:26巴以和平日内 瓦倡议正式发起 中国特使出席仪式' tickercontents[1]='08:22土耳其车队在土东南部遭恐怖袭击造成5死4伤08:13联合国高度赞扬 中国总理温家宝探访艾滋病人' tickercontents[2]='08:05央行制定人民币挑剔标准 于2004年1月1日起执行07:04巴格达袭击似 有核心领导 美将发动钢铁正义行动' var tickerwidth="200px" var tickerheight="70px" var fontcss="font: bold 14px Verdana; color:black" var tickdelay=3000 //delay btw messages var highlightspeed=2 //2 pixels at a time. var highlightcolor="lightyellow" var backdroptextcolor="#E1E1E1" ////Do not edit pass this line//////////////// document.write('#highlighterbg a{color:'+backdroptextcolor+'}') document.write('') document.write('') document.write('') var currentmessage=0 var clipbottom=1 function changetickercontent(){ msgheight=clipbottom=crosstick.offsetHeight crosstick.style.clip="rect("+msgheight+"px auto auto 0px)" crosstickbg.innerHTML=tickercontents[currentmessage] crosstick.innerHTML=tickercontents[currentmessage] highlightmsg() } function highlightmsg(){ //var msgheight=crosstick.offsetHeight if (clipbottom>0){ clipbottom-=highlightspeed crosstick.style.clip="rect("+clipbottom+"px auto auto 0px)" beginclip=setTimeout("highlightmsg()",20) } else{ clipbottom=msgheight clearTimeout(beginclip) if (currentmessage==tickercontents.length-1) currentmessage=0 else currentmessage++ setTimeout("changetickercontent()",tickdelay) } } function start_ticking(){ crosstickbg=document.getElementById? document.getElementById("highlighterbg") : document.all.highlighterbg crosstick=document.getElementById? document.getElementById("highlighter") : document.all.highlighter crosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElement if (parseInt(crosstick.offsetHeight)>0) crosstickParent.style.height=crosstick.offsetHeight+'px' else setTimeout("crosstickParent.style.height=crosstick.offsetHeight+'px'",100) //delay for Mozilla's sake changetickercontent() } if (document.all || document.getElementById) window.onload=start_ticking

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

7.可以一条一条的显示文字，也可以点击展开全部文字

<style>

<>

</style>

<scriptlanguage="JavaScript1.2">

//configuretickercontents[]tosetthemessgesyouwishbedisplayed(HTMLcodesaccepted)

vartickercontents=newArray()

tickercontents[0]='用数据广播方式，将信息内容完整镜像到PC机中'

tickercontents[1]='数据广播作为广播电视系统的新一代业务。'

tickercontents[2]='重新构思文化共享结构成为信息产业追求的目标之一。'

//configurethebelow2variablestosetthewidth/backgroundcoloroftheticker

vartickerwidth='475'

vartickerbgcolor='#DDDDFF'

//configurethebelowvariabletodeterminethedelaybetweentickingofmessages(in

miliseconds)

vartickdelay=3000

////Donoteditpassthisline////////////////

varie4=document.all&&navigator.userAgent.indexOf("Opera")==-1

varns6=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1

varns4=document.layers

varcurrentmessage=0

vartickercontentstotal=''

functionchangetickercontent(){

if(ns4){

tickerobj.document.tickernssub.document.write('<b><ahref="#"onClick="returnexpandlist

(event)">显/隐</a></b>|'+tickercontents[currentmessage])

tickerobj.document.tickernssub.document.close()

}

elseif(ie4||ns6){

tickerobj.innerHTML=tickercontents[currentmessage]

previousmessage=(currentmessage==0)?tickercontents.length-1:currentmessage-1

tickerexpand_item=ns6?document.getElementById("expand"+currentmessage):eval

("expand"+currentmessage)

tickerexpand_previousitem=ns6?document.getElementById("expand"+previousmessage):eval

("expand"+previousmessage)

tickerexpand_previousitem.className=""

tickerexpand_item.className="expandhighlight"

}

currentmessage=(currentmessage==tickercontents.length-1)?0:currentmessage+1

setTimeout("changetickercontent()",tickdelay)

}

functionstart_ticking(){

if(ns4)document.tickernsmain.visibility="show"

tickerobj=ie4?tickerlist:ns6?document.getElementById("tickerlist"):ns4?

document.tickernsmain:""

tickerexpandobj=ie4?tickerexpand:ns6?document.getElementById("tickerexpand"):ns4?

document.expandlayer:""

for(i=0;i<tickercontents.length;i++)//gettotalscrollercontents

tickercontentstotal+='<divid="expand'+i+'">-'+tickercontents[i]+'</div>'

if(ie4||ns6)

tickerexpandobj.innerHTML=tickercontentstotal

else{

tickerexpandobj.document.write(tickercontentstotal)

tickerexpandobj.document.close()

}

changetickercontent()

}

functionexpandlist(e){

if(ie4||ns6){

tickerexpand_parent=ie4?tickerexpand.parentElement:document.getElementById

("tickerexpand").parentNode

tickerexpand_parent.style.display=(tickerexpand_parent.style.display=="none")?"":"none"

}

else{

document.expandlayer.left=e.pageX-e.layerX

document.expandlayer.top=e.pageY-e.layerY+20

document.expandlayer.visibility=(document.expandlayer.visibility=="hide")?"show":"hide"

returnfalse

}

}

if(ie4||ns6)

document.write('<tableborder="0"style="width:'+tickerwidth+';border:1pxsolidblack;text-

indent:2px"bgcolor="'+tickerbgcolor+'"cellspacing="0"cellpadding="0"><tr><tdwidth="90%"

id="tickerlist"bgcolor="'+tickerbgcolor+'"></td><tdwidth="10%"

bgcolor="'+tickerbgcolor+'"><divid="listbutton"onClick="expandlist()">显/隐

</div></td></tr><trstyle="display:none"><tdid="tickerexpand"width="90%"

bgcolor="'+tickerbgcolor+'"></td><tdwidth="10%"></td></tr></table>')

window.onload=start_ticking

</script>

<ilayerid="tickernsmain"width=&{tickerwidth};bgColor=&{tickerbgcolor};

visibility=hide><layerid="tickernssub"width=&{tickerwidth};left=0top=0></layer></ilayer>

<layerid="expandlayer"bgColor=&{tickerbgcolor};visibility=hide></layer>

7.在文字转换间加上了类似灯光遮照的效果

以下代码加入<head>区域<SCRIPT>

<>

</SCRIPT>以下代码加入<body>区域<tableheight=45cellspacing=1cellpadding=1width="80%"

bgcolor=#000000border=0align="center">

<tbody>

<tr>

<tdbgcolor=#D7E4F2>

<divalign=center>

<scriptlanguage=javascript1.2>

<>

</script>

<>

<span

id=tempstyle="LEFT:0px;POSITION:absolute;TOP:0px">

</span></div>

</td>

</tr>

</tbody>

</table>

8.文字一段一段的显示，每次交换时都带有渐隐渐显的效果

var scroller_width=150 var scroller_height=120 var bgcolor='#f7f9fd' var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds) var scrollercontent=new Array() //Define scroller contents. Extend or contract array as needed scrollercontent[0]='Visit our partner site Freewarejava.com for free Java applets!' scrollercontent[1]='Got JavaScript? JavaScript Kit is the most comprehensive JavaScript site online.' scrollercontent[2]='Link to Dynamic Drive on your site. Please visit our links page.' var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1 var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1 if (ie4||dom) document.write('') else if (document.layers){ document.write(''+scrollercontent[0] +'') } var curpos=scroller_height*(1) var degree=10 var curcanvas="canvas0" var curindex=0 var nextindex=1 function moveslide(){ if (curpos>0){ curpos=Math.max(curpos-degree,0) tempobj.style.top=curpos } else{ clearInterval(dropslide) if (crossobj.filters) crossobj.filters.alpha.opacity=100 else if (crossobj.style.MozOpacity) crossobj.style.MozOpacity=1 nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1" tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas) tempobj.innerHTML=scrollercontent[curindex] nextindex=(nextindex 上一页 1 2 下一页 推荐文章 猜你喜欢 附近的人在看 推荐阅读 拓展阅读 相关阅读 Java代码生成图片验证码实现 Ajax中解析Json的两种方法对比分析 如何使用javascript和正则表达式进行数据验证码 BootStrap实现带有增删改查功能的表格(DEMO详解) 通过BootStrap实现轮播图的实际应用 基于MVC+EasyUI的web开发框架之使用云打印控件C-Lodop打印页面或套打报关运单信息 浅谈Nodejs应用主文件index.js JavaScript cookie 跨域访问之广告推广 jQuery EasyUI中DataGird动态生成列的方法 如何在Linux上安装Node.js 网友关注 QQ浏览器9.5版中的书签怎么导入到其他浏览器? 百度浏览器怎么使用积分? 百度浏览器积分的使用方法 百度云会员与超级会员有哪些区别? 360极速浏览器怎么关闭网页图片放大镜功能? 360浏览器主页打不开怎么办 360浏览器主页打不开解决方法汇总 IE如何设置代理服务器 IE代理服务器设置上网的教程 如何让非IE浏览器也能正常浏览、操作银行的网银网页? 禁止百度云管家偷偷上传的设置方法 Win10 RS2预览版14942 Edge浏览器更新内容汇总 手机uc浏览器怎么删除个别浏览记录? 最新Javascript教程学习 Java代码生成图片验证码实现 Ajax中解析Json的两种方法对比分析 如何使用javascript和正则表达式进行数据验证码 BootStrap实现带有增删改查功能的表格(DEMO详解) 通过BootStrap实现轮播图的实际应用 热门Javascript教程学习 EasyUI闪屏EasyUI页面加载提示(原理+代码+效果图) 详解JavaScript中setSeconds()方法的使用 JS实现动态生成表格并提交表格数据向后端 node.js微信公众平台开发教程 jQuery封装的tab选项卡插件分享 编程开发子分类 编程语言综合 Access数据库 安卓软件开发 IOS开发 php教程 ASP教程 asp.net教程 JSP教程 Javascript教程 mysql数据库 mssql数据库 Oracle教程 正则表达式 AJAX相关 编程10000问 Flex 脚本加解密 web2.0 XML/RSS 网页编辑器 相关技巧 黑客相关 网页播放器 其他综合 DB2数据库 SQLite PostgreSQL MongoDB Redis 数据库文摘 数据库其他 C#教程 vb vb.net C语言 Java Delphi 其他软件编程 java教程  查字典 词典 考试 组卷 作文 语文 范文 板报 诗词 问答 培训 学校 视频 名言 教程 数学 英语 物理 化学 生物 历史 地理 政治 幼儿 小学 初中 高中 大学 小升初 中考 高考 自考 考研 志愿 留学 公务员 美术 奥数 公开课 夏令营 图书 星座 文档 查看更多