當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

变动翻屏展示图片效果

發布時間：2023/12/9 编程问答 34 豆豆

生活随笔收集整理的這篇文章主要介紹了变动翻屏展示图片效果小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

<HTML><HEAD><TITLE>變動展示圖片效果</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312" />
<STYLE type=text/css>
A:link {
??? COLOR: #00007f; TEXT-DECORATION: none
}
A:visited {
??? COLOR: #00007f; TEXT-DECORATION: none
}
A:active {
??? COLOR: #ff0000; TEXT-DECORATION: none
}
A:hover {
??? COLOR: #ff0000; TEXT-DECORATION: underline
}
TD {
??? FONT-SIZE: 12px; COLOR: #336633; LINE-HEIGHT: 18px; FONT-FAMILY: "宋體"
}
BODY {
??? FONT-SIZE: 12px; COLOR: #336633; FONT-FAMILY: "宋體"
}
.bian1 {
??? BORDER-RIGHT: #1989d7 1px solid; BORDER-TOP: #1989d7 1px solid; BORDER-LEFT: #1989d7 1px solid; BORDER-BOTTOM: #1989d7 1px solid
}
</STYLE>

<BODY bgColor=#ffffff leftMargin=0 topMargin=1>
<DIV id=jxInit οnmοuseοver=stop1(); style="FILTER: revealTrans(duration=2, transition=3); VISIBILITY: visible; WIDTH: 100%; POSITION: relative; HEIGHT: 115px; BACKGROUND-COLOR: white" οnmοuseοut=start1()>
<SCRIPT language=JavaScript>
??? var timerID_jx = 5000;
??? var jxTitle = new Array();
??? var jxNum = 0;

??? //顯示個數
??? var intCount = 18;

??? //數組
??? var arrTitle = new Array(intCount);
??? var arrHref = new Array(intCount);
??? var arrImage = new Array(intCount);

??? //具體內容
??? //帖子標題控制在14個字內
??? arrTitle[0] = "可愛MM的自拍秀";
??? arrHref[0]? = "http://www.5dm.cn/bbs";
??? arrImage[0] = "http://img.teein.com/upload/2006/6/261151591871.jpeg";

??? arrTitle[1] = "世界杯各國第一美女球迷";
??? arrHref[1]? = "http://www.5dm.cn/bbs";
??? arrImage[1] = "http://img.teein.com/upload/2006/6/231817363164.jpeg";

??? arrTitle[2] = "感受木偶感覺的美女";
??? arrHref[2]? = "http://www.5dm.cn/bbs";
??? arrImage[2] = "http://img.teein.com/upload/2006/6/260957386101.jpeg";

??? arrTitle[3] = "MM穿漢服超美靚照";
??? arrHref[3]? = "http://www.5dm.cn/bbs";
??? arrImage[3] ="http://img.teein.com/upload/2006/6/231110405344.jpeg";
???
??? arrTitle[4] = "臺灣最紅的網絡小姐";
??? arrHref[4]? = "http://www.5dm.cn/bbs";
??? arrImage[4] = "http://img.teein.com/upload/2006/6/231602021814.jpeg";

??? arrTitle[5] = "球迷世界杯臉譜秀世界";
??? arrHref[5]? = "http://www.5dm.cn/bbs";
??? arrImage[5] ="http://img.teein.com/upload/2006/6/231557373183.jpeg";

??? arrTitle[6] = "漂亮的韓國車模迷倒我";
??? arrHref[6]? = "http://www.5dm.cn/bbs";
??? arrImage[6] ="http://img.teein.com/upload/2006/6/231355088705.jpeg";

??? arrTitle[7] = "國軍中佳麗";
??? arrHref[7]? = "http://www.5dm.cn/bbs";
??? arrImage[7] ="http://img.teein.com/upload/2006/6/231111105437.jpeg";

??? arrTitle[8] = "愛的漂流瓶";
??? arrHref[8]? = "http://www.5dm.cn/bbs";
??? arrImage[8] = "http://img.teein.com/upload/2006/6/230928553656.jpeg";

??? arrTitle[9] = "長得像娃娃的女生";
??? arrHref[9]? = "http://www.5dm.cn/bbs";
??? arrImage[9] = "http://img.teein.com/upload/2006/6/191415056932.jpeg";
???
??? arrTitle[10] = "絕對養眼的美女";
??? arrHref[10]? = "http://www.5dm.cn/bbs";
??? arrImage[10] ="http://img.teein.com/upload/2006/6/230927301820.jpeg";
???
??? arrTitle[11] = "三維性感女生";
??? arrHref[11]? = "http://www.5dm.cn/bbs";
??? arrImage[11] ="http://img.teein.com/upload/2006/6/260958271936.jpeg";
???????
??? arrTitle[12] = "令人驚嘆的手繪場景";
??? arrHref[12]? = "http://www.5dm.cn/bbs";
??? arrImage[12] ="http://img.teein.com/upload/2006/6/260953572167.jpeg";
???????
??? arrTitle[13] = "漂亮的黑白畫";
??? arrHref[13]? = "http://www.5dm.cn/bbs";
??? arrImage[13] ="http://img.teein.com/upload/2006/6/191613155460.jpeg";
???????
??? arrTitle[14] = "中國古代繡女圖";
??? arrHref[14]? = "http://www.5dm.cn/bbs";
??? arrImage[14] ="http://img.teein.com/upload/2006/6/201324327629.jpeg";
???????
??? arrTitle[15] = "華麗的手繪圖圖";
??? arrHref[15]? = "http://www.5dm.cn/bbs";
??? arrImage[15] ="http://img.teein.com/upload/2006/6/201324593354.jpeg";
???
??? arrTitle[16] = "精湛的手繪賽車藝術";
??? arrHref[16]? = "http://www.5dm.cn/bbs";
??? arrImage[16] ="http://img.teein.com/upload/2006/6/191612492522.jpeg";
???????
??? arrTitle[17] = "<#sectopic#>";
??? arrHref[17]? = "<#url#>";
??? arrImage[17] ="<#topic#>";

??? var timeRand = new Date();
??? var intRandSecond = timeRand.getSeconds() % intCount;

??? var intColumnCount = 6;
??? var kk = 2;

??? var varParentString = "daqi.com";
??? var varRejectChildString = "qihoo.com";

??? var varReplaceString = "please don't see my page";
??? var jxTitle = new Array();

??? var intSkipNum = 0;
??? var intSkipMax = 20;

??? try
??? {
??????? if(parent.document.referrer.indexOf(varParentString) != -1)
??????? {
??????????? varReplaceString = varRejectChildString;
??????? }
??????? else if(parent.document.referrer.indexOf(varRejectChildString) != -1)
??????? {
??????????? varReplaceString = varParentString;
??????? }
??? }
??? catch(e)
??? {
??? }

??? for(var intPosition = 1; intPosition <= kk ;intPosition++)
??? {
??????? jxTitle[intPosition] = '<table width="100%" border="0" align="center" cellpadding="0" cellspacing="2" class="bian1"><tr><td width="30" height="108" align="center" valign="middle" bgcolor="#A2D3F4">圖<br>片<br>精<br>華<br></td>';???
??????? for(var intX = 1 ; intX <= intColumnCount ; intX++)
??????? {
??????????? if(arrImage[intRandSecond].indexOf(varReplaceString)!= -1? || arrHref[intRandSecond].indexOf(varReplaceString)!= -1 || intRandSecond >=intCount-1 )
??????????? {
??????????????? if(intRandSecond >= intCount-1)
??????????????? {
??????????????????? intRandSecond = 0 ;
??????????????? }
??????????????? else
??????????????? {
??????????????????? intRandSecond ++ ;
??????????????? }
???????????????
??????????????? intX-- ;
??????????????? intSkipNum ++ ;
???????????????
??????????????? if(intSkipNum >= intSkipMax)
??????????????? {
??????????????????? break;
??????????????? }
??????????????? continue;
??????????? }
???????
??????????? jxTitle[intPosition] +='<td align="center" valign="middle"><a href="' + arrHref[intRandSecond] + '" target="_blank"><img src="' + arrImage[intRandSecond] + '" width="144" height="109" border="0"><br>' + arrTitle[intRandSecond] + '</a></td>';
???????????
??????????? intRandSecond++;???????????
??????? }
??????? jxTitle[intPosition] += '</tr></table>';
??? }

??? function playTran_jx()
??? {
??????? jxInit.filters.revealTrans.play();
??? }
???

??? var jxkey = 0;

??? function next_jx()
??? {
??????? try
??????? {
??????????? if (jxNum < kk)
??????????????? jxNum++;
??????????? else
??????????????? jxNum=1;
???
??????????? if (jxkey==0)
??????????? {
??????????????? jxkey=1;
??????????????? jxInit.innerHTML=jxTitle[jxNum];
??????????? }
??????????? else
??????????? {
??????????????? jxInit.filters.revealTrans.Transition=20;
??????????????? jxInit.filters.revealTrans.apply();
??????????????? jxInit.innerHTML=jxTitle[jxNum];
??????????????? playTran_jx();
??????????? }
???????????
??????????? theTimer_jx = setTimeout(next_jx, timerID_jx);
???????? }
???????? catch(e)
???????? {
????????????
???????? }
??? }

??? function stop1()
??? {
??????? window.clearTimeout(theTimer_jx);
??? }
???
??? function start1()
??? {
??????? theTimer_jx = setTimeout(next_jx, timerID_jx);
??? }
???????????
?????? next_jx();
??
??? </SCRIPT>

</DIV></BODY></HTML>

轉載于:https://www.cnblogs.com/MaxIE/archive/2006/06/27/436532.html

總結

以上是生活随笔為你收集整理的变动翻屏展示图片效果的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇：内录音频工具哪个好怎么录制电脑音频
下一篇： Altera FPGA 储存单元IP核之