网页设计->DIV加CSS
flash翻页效果、电子书翻页效果、照片翻页效果、幻灯片
![]()
常用图片转换脚本效果:
<!--begin:图片轮换开始--> <script language=JavaScript src='js/imgTrans.js'></script> <table border="0" cellpadding="0" cellspacing="0" id=newsTable style="position:relative; top:-10px;right:0px; font-size:12px;"> <script language="javascript">dakularButtons();</script><tr><td><a onMouseOver="displayStatusMsg();return document.returnValue;" onMouseOut="status='';" href="javascript:jump2url()"><img style="FILTER: revealTrans(duration=1,transition=18); border:1px solid #146FA6" src="javascript:nextAd()" width=160 height=150 border=0 name=imgUrlrotator alt="今日头条"></a></td></tr> <tr><td bgcolor="#f0f0f0" align="center" style="border:1px solid #146FA6;" height="20"> <label id="linktext"></label> </td></tr></table> <!--begin:图片轮换结束-->
imgtrans.js文件
var imgUrl=new Array(); var imgLink=new Array(); var imgTz=new Array(); var buttonShow=1; var buttonPos=1; var buttonX; var buttonY; var bakularCode="" var adNum=0; var dakularCode=""; imgUrl[1]="http://www.mokuai.net/images/focus/shandong.jpg"; imgLink[1]="http://mokuai.net/#"; imgTz[1]="半年收本QQ抢占沪黑市场"; imgUrl[2]="http://www.mokuai.net/images/focus/hai.jpg"; imgLink[2]="http://mokuai.net/#"; imgTz[2]="傅成玉反思中海油收购案"; imgUrl[3]="http://www.mokuai.net/images/focus/shiyou.jpg"; imgLink[3]="http://mokuai.net/#"; imgTz[3]="煤变油成新一轮资源浪费?"; imgUrl[4]="http://www.mokuai.net/images/focus/shandong.jpg"; imgLink[4]="http://mokuai.net/#"; imgTz[4]="山东高耗能GDP跃进难再现"; var imgPre=new Array(); for (i=1;i<8;i++) { imgPre[i]=new Image(); imgPre[i].src=imgUrl[i]; } function setTransition() { if (document.all) { imgUrlrotator.filters.revealTrans.Transition=23;//Math.floor(Math.random()*23) imgUrlrotator.filters.revealTrans.apply(); } } function playTransition() { if (document.all) imgUrlrotator.filters.revealTrans.play() } function nextAd(toNum) { if(adNum adNum++ ; else adNum=1; if(toNum!=null) adNum=toNum; setTransition(); document.images.imgUrlrotator.src=imgUrl[adNum]; document.getElementById('linktext').innerHTML=imgTz[adNum]; document.images.imgUrlrotator.alt='今日头条:'+imgTz[adNum]; document.getElementById('linktext').innerHTML=""+imgTz[adNum]+""; playTransition(); checkButton(); if(toNum!=null) {toNum=null;theTimer=setTimeout("nextAd()", 7000);} else {theTimer=setTimeout("nextAd()", 7000);} } function jump2url() { jumpUrl=imgLink[adNum];jumpTarget='_blank'; if (jumpUrl != '') { if (jumpTarget != '') window.open(jumpUrl,jumpTarget); else location.href=jumpUrl; } } function displayStatusMsg() { status=imgLink[adNum]; document.returnValue = true; } function checkButton() { for(i=1;i<=imgUrl.length-1;i++) {if(i==adNum) //document.getElementById('bt'+i).style.backgroundColor='#00FF00'; eval("bt"+i+".style.backgroundColor='#9B0000';bt"+i+".style.color='#FFFFFF';"); else eval("bt"+i+".style.backgroundColor='#CCCCCC';bt"+i+".style.color='#000000';"); } } function dakularButtons() { if(buttonShow==1) { switch(buttonPos) { case 1:{buttonX=160+20-imgUrl.length*20;buttonY=16;break;} case 2:{buttonX=160+20-imgUrl.length*20;buttonY=125;break;} case 3:{buttonX=imgUrl.length*20-100;buttonY=16;break;} case 4:{buttonX=imgUrl.length*20-100;buttonY=125;break;} default:{buttonX=160+20-imgUrl.length*20;buttonY=16;break;} } for(i=1;i<=imgUrl.length-1;i++) { dakularCode=dakularCode+""+i+"
"; } dakularCode=""+dakularCode+" "; document.write(dakularCode); } }
|
发表评论
关闭窗口
来源:网络
16
2007-04-02