文字轮显效果_浏览器特效

文字轮显效果,您可以先修改部分代码再运行.

<html>
<head>
<title>文字轮显效果－模板无忧www.mb5u.com</title>
<style type="text/css">

</style>
</head>

<body>
<SCRIPT language=JavaScript>
function moveslide(){
if (curpos>0){
curpos = Math.max(curpos-degree,0);
tempobj.style.top = curpos + "px";
}
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 = scrollermrc[curindex];
nextindex=(nextindex<scrollermrc.length-1)? nextindex+1 : 0;
setTimeout("rotateslide()",pause);
}
}
function rotateslide(){
if (ie4||dom){
resetit(curcanvas);
crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas);
crossobj.style.zIndex++;
if (crossobj.filters)
document.all.canvas0.filters.alpha.opacity=document.all.canvas1.filters.alpha.opacity=20;
else if (crossobj.style.MozOpacity)
document.getElementById("canvas0").style.MozOpacity=document.getElementById("canvas1").style.MozOpacity=0.2;
var temp='setInterval("moveslide()",50)';
dropslide=eval(temp);
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0";
}
else if (document.layers){
crossobj.document.write(scrollermrc[curindex]);
crossobj.document.close();
}
curindex=(curindex<scrollermrc.length-1)? curindex+1 : 0;
}
function resetit(what){
curpos=parseInt(scroller_height)*(1)
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
crossobj.style.top=curpos+"px"
}
function MarqueeA(){
crossobj=ie4? eval("document.all."+curcanvas) : dom? document.getElementById(curcanvas) : document.tickernsmain.document.tickernssub
if (ie4||dom){
crossobj.innerHTML=scrollermrc[curindex]
rotateslide()
}
else{
document.tickernsmain.visibility='show'
curindex++
setInterval("rotateslide()",pause)
}
}
var scroller_width='150';
var scroller_height='58px';
var scroller_top= 20;
var scroller_left = 20;
var x = 0;
var y = 0;
if (document.all)
{
x = document.body.clientWidth - 721;
y =  32 //11;
}
if (document.getElementById && !document.all)
{
x = window.innerWidth - 721; //
y = 28 //7;
}
if (x < 0)
x = 0;
x = (x/2) + y;
scroller_left = x + 'px';
var bgcolor='#EFEFEF';
var pause=3000;
var curpos = scroller_height*(1);
var degree = 10;
var curcanvas = "canvas0";
var curindex  = 0;
var nextindex = 1;
var ie4 = document.all;
var dom = document.getElementById && navigator.userAgent.indexOf("Opera") == -1;
var scrollermrc=new Array();
scrollermrc[0]="<a href='#'>你好！<img hspace=3 src=http://p1.mb5u.com/texiao/19/20100523005131146.gif border=0></a>";
scrollermrc[1]="<a href='http://www.cnzz.com' target=\"_blank\">www.iamting.com</a>";
scrollermrc[2]="<a href='http://www.mb5u.com'>www.mb5u.com</a>";
scrollermrc[3]="<a href='#'>欢迎光临雅狐！<br>www.iamting.com</a>";
scrollermrc[4]="<a href='http://www.blueidea.com' target=\"_blank\">蓝色理想是个不错的论坛，里面都是不错的人。</a>";

if (ie4||dom){
document.write('<div id=CanVasA style="position:absolute;top:' + scroller_top + ';left:' + scroller_left + ';width:' + scroller_width + ';height:' + scroller_height + ';overflow:hidden">');
document.write('<div id="canvas0" style="position:absolute;background-color:' + bgcolor + ';width:' + scroller_width + ';height:' + scroller_height + ';top:' + scroller_height + ';filter:alpha(opacity=20);-moz-opacity:0.2;"></div>');
document.write('<div id="canvas1" style="position:absolute;background-color:' + bgcolor + ';width:' + scroller_width + ';height:' + scroller_height + ';top:' + scroller_height + ';filter:alpha(opacity=20);-moz-opacity:0.2;"></div>');
document.write('</div>');
}
else if (document.layers){
document.write('<ilayer id=tickernsmain visibility=hide width=' + scroller_width + ' height=' + scroller_height + ' bgColor=' + bgcolor + '>');
document.write('<layer id=tickernssub width='+scroller_width+' height='+scroller_height+' left=0 top=0>' + scrollermrc[0] + '</layer>');
document.write('</ilayer>');
}
if (document.all || document.getElementById || document.layers)
window.onload=MarqueeA
</SCRIPT>
</body>
</html>

所属频道：浏览器特效/更新时间：2012-11-14

[收藏][报错][返回列表]

文字轮显效果_浏览器特效

浏览器特效Rss订阅特效代码搜索

浏览器特效推荐

猜你也喜欢看这些