文字輪顯效果_瀏覽器特效

文字輪顯效果,您可以先修改部分代碼再運行.

<html>
<head>
<title>文字輪顯效果－模板無憂www.zhaotila.cn</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  target=\"_blank\">www.iamting.com</a>";
scrollermrc[2]="<a href='http://www.zhaotila.cn'>www.zhaotila.cn</a>";
scrollermrc[3]="<a href='#'>歡迎光臨雅狐！<br>www.iamting.com</a>";
scrollermrc[4]="<a  target=\"_blank\">藍色理想是個不錯的論壇，里面都是不錯的人。</a>";

if (ie4||dom){
document.write('<div   class="2hizuwc"   id=CanVasA style="position:absolute;top:' + scroller_top + ';left:' + scroller_left + ';width:' + scroller_width + ';height:' + scroller_height + ';overflow:hidden">');
document.write('<div   class="7pa77xv"   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   class="ntq2iwc"   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訂閱特效代碼搜索

瀏覽器特效推薦

猜你也喜歡看這些