公告

文字/图片广告轮显效果(IE&&FF)

2007-12-18 13:31:16 作者：未知来源：互联网浏览次数：33 文字大小：【大】【中】【小】

<html>
<head>
<title>文字/图片广告轮显效果</title>
<meta name="Author" content="Iamting.com">
<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 = scrollercontent[curindex];
nextindex=(nextindex<scrollercontent.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(scrollercontent[curindex]);
crossobj.document.close();
}
curindex=(curindex<scrollercontent.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=scrollercontent[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 scrollercontent=new Array();
scrollercontent[0]="<a href='#'>你好！<img hspace=3 src=\"http://www.qiuao.com/images/logo.gif\" border=0></a>";
scrollercontent[1]="<a href='http://www.qiuao.com' target=\"_blank\">www.qiuao.com</a>";
scrollercontent[2]="<a href='http://bbs.51js.com'>http://bbs.51js.com</a>";
scrollercontent[3]="<a href='#'>欢迎光临SooJs！<br>www.qiuao.com</a>";
scrollercontent[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>' + scrollercontent[0] + '</layer>');
document.write('</ilayer>');
}
if (document.all || document.getElementById || document.layers)
window.onload=MarqueeA
</SCRIPT>
</body>
</html>

发表评论　加入收藏　告诉好友　打印本页　关闭窗口　返回顶部

推荐

公告

文字/图片广告轮显效果(IE&&FF)