|
藍森林 http://www.lslnet.com 2006年8月25日 8:28
 求教transition的取值問題
RevealTrans (duration=1,transition=12)中transition的取值不是1-23嗎，
請看看下面的例子，這句是什麼意思document.imgInit.filters[0].Transition=26; 好像可以實現圖片的多種切換方式。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>圖片</title>
<link href="pr.css" rel="stylesheet" type="text/css">
</head>
<body leftmargin=0 topmargin=0>
<script language=javascript>
var imgUrl=new Array();
var imgLink=new Array();
var imgTitle=new Array();
var adNum=0;
var it=1;
imgUrl[it]="http://chinese.lzu.edu.cn/active_photo/DSC00046.JPG"; //
圖片地址
imgLink[it]="http://chinese.lzu.edu.cn/active_photo/DSC00046.JPG"; //
要顯示圖片的頁面地址，可以改為asp頁面
imgTitle[it++]="文學院活動圖片1";
//圖片說明
imgUrl[it]="http://chinese.lzu.edu.cn/active_photo/DSC02160.JPG";
imgLink[it]="http://chinese.lzu.edu.cn/active_photo/DSC02160.JPG";
imgTitle[it++]="1221212121";
imgUrl[it]="http://chinese.lzu.edu.cn/active_photo/DSC00032.JPG";
imgLink[it]="http://chinese.lzu.edu.cn/active_photo/DSC00032.JPG";
imgTitle[it++]="文學院活動圖片3";
imgUrl[it]="http://chinese.lzu.edu.cn/active_photo/DSC00041.JPG";
imgLink[it]="http://chinese.lzu.edu.cn/active_photo/DSC00041.JPG";
imgTitle[it++]="文學院活動圖片4";
imgUrl[it]="http://chinese.lzu.edu.cn/active_photo/DSC05509.JPG";
imgLink[it]="http://chinese.lzu.edu.cn/active_photo/DSC05509.JPG";
imgTitle[it++]="文學院活動圖片5";
imgUrl[it]="http://chinese.lzu.edu.cn/active_photo/DSC05526.JPG";
imgLink[it]="http://chinese.lzu.edu.cn/active_photo/DSC05526.JPG";
imgTitle[it++]="文學院活動圖片6";
imgUrl[it]="http://chinese.lzu.edu.cn/active_photo/DSC03866.JPG";
imgLink[it]="http://chinese.lzu.edu.cn/active_photo/DSC03866.JPG";
imgTitle[it++]="文學院活動圖片7";
imgUrl[it]="http://chinese.lzu.edu.cn/active_photo/DSC03883.JPG";
imgLink[it]="http://chinese.lzu.edu.cn/active_photo/DSC03883.JPG";
imgTitle[it++]="文學院活動圖片8";
imgUrl[it]="http://chinese.lzu.edu.cn/active_photo/DSC04945.JPG";
imgLink[it]="http://chinese.lzu.edu.cn/active_photo/DSC04945.JPG";
imgTitle[it++]="文學院活動圖片9";
imgUrl[it]="http://chinese.lzu.edu.cn/active_photo/DSC04963.JPG";
imgLink[it]="http://chinese.lzu.edu.cn/active_photo/DSC04963.JPG";
imgTitle[it++]="文學院活動圖片10";
imgUrl[it]="http://chinese.lzu.edu.cn/active_photo/DSC04963.JPG";
imgLink[it]="http://chinese.lzu.edu.cn/active_photo/DSC04963.JPG";
imgTitle[it++]="文學院活動圖片11";
var imgPre=new Array();
var j=0;
for (i=1;i<=11;i++) { //11表示圖片的個數，添加的時候根據圖片的實際
個數修改就可以了
if( (imgUrl[i]!="") && (imgLink[i]!="") && (imgTitle[i]!="")
) {//當地址，連接，標題均不為空時 否則跳出循環，j為實際圖片數
j++;
} else {
break;
}
}
function playTran(){
if (document.all){
document.imgInit.filters[0].play();
}
}
function nextAd(){
if(adNum<j)adNum++ ;
else adNum=1;
if (document.all){
document.imgInit.filters[0].Transition=26;
document.imgInit.filters[0].apply();
}
document.images.imgInit.src=imgUrl[adNum];
title.innerHTML=(imgTitle[adNum]);
playTran();
theTimer=setTimeout("nextAd()", 3000);
}
function goUrl(){
jumpUrl=imgLink[adNum];
jumpTarget='_blank';
if (jumpUrl != ''){
if (jumpTarget != '')
window.open(jumpUrl,jumpTarget);
else
location.href=jumpUrl;
}
}
</script>
<a href="javascript:goUrl()" target="_self" style="fontsize=12px">
<img style="FILTER: progid:DXImageTransform.Microsoft.RevealTrans
(duration=1,transition=4);" src="javascript:nextAd()" height="112"
width="160" name="imgInit" border=0 />
<div id="title" style="width:156px;cursor: hand; font-size=12px"
align=center></div>
</a>
</body>
</html> |
|
