做网站    网页设计、制作    FLASH导入页设计    网站策划、开发    后台程序维护、升级    网站解决方案
技术支持:苏玮 电话:15011022561flash翻页效果、电子书翻页效果、照片翻页效果、幻灯片
网页设计->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

北京魔快网络 建高品质的网站!
©2002-  电话:15011022561(苏先生)  Email:mokuainet@126.com
地址:北京东城区工体北路新中西里17号楼北边平房(保利剧院东100米路北) 做网站找魔快,建站快、优化好!MoKuai.Net