类似于Viewer Flash,轮换广告图片演示,兼容FIREFOX,和IE

来源:互联网 发布:java命令是什么 编辑:程序博客网 时间:2024/05/18 03:56
<IFRAME name=google_ads_frame marginWidth=0 marginHeight=0 src="http://pagead2.googlesyndication.com/pagead/ads?client=ca-pub-4490194096475053&amp;dt=1227189135156&amp;lmt=1226285498&amp;prev_slotnames=1891601125&amp;output=html&amp;slotname=3685991503&amp;correlator=1227189135109&amp;url=http%3A%2F%2Fwww.corange.cn%2Farchives%2F2008%2F08%2F1554.html&amp;ea=0&amp;ref=http%3A%2F%2Fwww.corange.cn%2Fhtml%2Fcorange__91.html&amp;frm=0&amp;ga_vid=2091876339.1227189135&amp;ga_sid=1227189135&amp;ga_hid=441153858&amp;flash=9.0.124.0&amp;u_h=768&amp;u_w=1024&amp;u_ah=738&amp;u_aw=1024&amp;u_cd=32&amp;u_tz=480&amp;u_java=true&amp;dtd=31" frameBorder=0 width=300 scrolling=no height=250 allowTransparency></IFRAME>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>织梦论坛http://www.5dm.cn/</title>
</head>
<body>
<script type="text/javascript">
<!--
imgpics='http://www.it365cn.com/preview/images/msn.jpg|http://www.it365cn.com/preview/images/ps-logo.jpg|http://www.it365cn.com/preview/images/circul-side.gif|http://www.it365cn.com/preview/images/css-manual.gif|http://http://www.it365cn.com/preview/images/kpt7.jpg';
imglinks='http://www.msn.com/|http://www.adobe.com|http://www.macromedia.com|http://www.css.com|http://www.kpt7.com';
imgtexts='MSN Message|Photoshop|Fireworks|CSS 样式表|KPT 7';
imgnum='5';
//-->
</script>
<div style="width:130px;height:100px;"><!--<script type="text/javascript" src="player.js">--><script type="text/javascript">
<!--
n=0;
nw=100;
imgpics=imgpics.split('|');
imglinks=imglinks.split('|');
imgtexts=imgtexts.split('|');
document.write(
'<style type="text/css">' +
'#player{padding:3px;}' +
'#player img{padding:1px;}' +
'#player .gray{background-color:#666666;}' +
'#player .gray a{color:white;text-decoration:none;}' +
'#player .gray a:hover{color:white;text-decoration:none;}' +
'#player .dblack{background-color:#000033;}' +
'#player .dblack a{color:white;text-decoration:none;}' +
'#player .dblack a:hover{color:white;text-decoration:none;}' +
'</style>'
);
document.write(
'<div id="player" style="width:95%;">' +
'<div id="player_img">' +
'<a id="imglink" href="" target="_blank"><img id="imgpic" src="" border=0 style="display:none;"></a>' +
'</div>' +
'<div id="imgtext" style="display:none;text-align:center;"></div>' +
'<div id="player_nav" style="position:absolute;width:'+nw+'px;z-index:99;display:none">' +
'<table width="100%" border="0" cellpadding="0" cellspacing="1" align="right" style="border:1px solid #290204;background-color:#FFFFFF;">' +
'<tr>'
);
document.write(
'<td align="center" id="nav_0" class="gray">' +
'<a href="javascript:showimg(/'0/');" target=_self>1</a>' +
'</td>'
);
for(i=1;i<imgnum;i++){
t=i+1;
document.write(
'<td align="center" id="nav_' + i + '" class="dblack" onmouseover="this.className=/'gray/';" onmouseout="this.className=/'dblack/';">' +
'<a href="javascript:showimg(/'' + i + '/');" target=_self>' + t + '</a>' +
'</td>'
);
}
document.write(
'</tr>' +
'</table>' +
'</div></div>'
);
var daps = document.getElementById("player_nav").style;
var tt = document.getElementById("imgpic");
var ttop = tt.offsetTop+5; //TT控件的定位点高
var tleft = tt.offsetLeft+5; //TT控件的定位点宽
while(tt = tt.offsetParent){
ttop += tt.offsetTop;
tleft += tt.offsetLeft;
}
//alert(tleft);
daps.top = ttop; //层的 Y 坐标
daps.left = tleft; //层的 X 坐标
daps.display = "";
var do_transition;
var tcount = 14;
var garTransitions = new Array();
garTransitions[0] = "progid:DXImageTransform.Microsoft.RandomDissolve()";
garTransitions[1] = "progid:DXImageTransform.Microsoft.Iris(irisStyle='star', motion='out')";
garTransitions[2] = "progid:DXImageTransform.Microsoft.Stretch(stretchStyle='push')";
garTransitions[3] = "progid:DXImageTransform.Microsoft.Stretch(stretchStyle='pop')";
garTransitions[4] = "progid:DXImageTransform.Microsoft.Fade(duration=2,overlap=0)";
garTransitions[5] = "progid:DXImageTransform.Microsoft.GradientWipe(duration=2,gradientSize=0.25,motion=forward )";
garTransitions[6] = "progid:DXImageTransform.Microsoft.Wheel(duration=2,spokes=16)";
garTransitions[7] = "progid:DXImageTransform.Microsoft.RadialWipe(duration=2,wipeStyle=CLOCK)";
garTransitions[8] = "progid:DXImageTransform.Microsoft.RandomBars(Duration=1,orientation=vertical)";
garTransitions[9] = "progid:DXImageTransform.Microsoft.Blinds(Duration=1,bands=20)";
garTransitions[10]= "progid:DXImageTransform.Microsoft.Checkerboard(Duration=1,squaresX=20,squaresY=20)";
garTransitions[11]= "progid:DXImageTransform.Microsoft.Strips(Duration=1,motion=rightdown)";
garTransitions[12]= "progid:DXImageTransform.Microsoft.Slide(Duration=1,slideStyle=push)";
garTransitions[13]= "progid:DXImageTransform.Microsoft.Spiral(Duration=1,gridSizeX=40,gridSizeY=40)";
function showimg(n){
if(imgpics[n]){
if (document.all){
do_transition = Math.floor(Math.random() * tcount);
document.all.player.style.filter=garTransitions[do_transition];
document.all.player.filters[0].Apply();
}
document.getElementById("imgpic").style.display='';
document.getElementById("imgpic").src=imgpics[n];
document.getElementById("imglink").href=imglinks[n];
if(imgtexts[n]){
document.getElementById("imgtext").innerHTML='<a href="' + imglinks[n] + '" target="_blank">' + imgtexts[n] + '</a>';
document.getElementById("imgtext").style.display = "";
}else{
document.getElementById("imgtext").style.display = "none";
}
for (i=0; i<imgnum; i++)
{
if(i==n){
document.getElementById("nav_"+i).className='gray';
}else{
document.getElementById("nav_"+i).className='dblack';
}
}
if (document.all) {
document.all.player.filters[0].Play();
}
}
}
function changeimg(n){
if (n>=imgnum){
n=0;
}
showimg(n);
n++;
setTimeout('changeimg('+n+')',5000);
}
setTimeout('changeimg('+n+')',0);
//-->
</script></div>
</body>
</html>
原创粉丝点击