Demo_隨機顯示圖片 -- [頁面特效]─ 深山工作室提供網絡投票系統|微信公眾號投票|微信公眾號小程序|抖音小程序|百度小程序|微信公眾號開發|企業網站建設

<thead id="jxdzp"><address id="jxdzp"><pre id="jxdzp"></pre></address></thead>

<em id="jxdzp"><span id="jxdzp"></span></em>

<listing id="jxdzp"><nobr id="jxdzp"><meter id="jxdzp"></meter></nobr></listing>

<address id="jxdzp"></address>

<noframes id="jxdzp"><form id="jxdzp"><th id="jxdzp"></th></form>

<noframes id="jxdzp"><form id="jxdzp"><th id="jxdzp"></th></form>

訂閱本欄目 RSS您所在的位置: 深山工作室 > 頁面特效 > 正文

Demo_隨機顯示圖片

藍色理想 2008/11/17 19:44:48 admin 字體:大中小瀏覽 9401

以下為詳細代碼

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML lang=zh-CN 
xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>Demo_隨機顯示圖片</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META http-equiv=Content-Language content=zh-CN>
<META content=all name=robots>
<STYLE type=text/css>* {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
BODY {
	BACKGROUND: white; FONT: 12px 宋體, Verdana, serif, sans-serif; COLOR: black; TEXT-ALIGN: center
}
UL {
	LIST-STYLE-TYPE: none
}
#newsImg {
	MARGIN: 100px auto; WIDTH: 690px; TEXT-ALIGN: center
}
#newsImg UL {
	
}
#newsImg LI {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BACKGROUND: #ccc; FLOAT: left; PADDING-BOTTOM: 1px; MARGIN-RIGHT: 10px; PADDING-TOP: 1px
}
#newsImg A {
	DISPLAY: block; WIDTH: 160px; HEIGHT: 110px
}
#newsImg IMG {
	DISPLAY: block
}
#newsImg SPAN {
	DISPLAY: block
}
#newsImg SPAN {
	BACKGROUND: #f7f7f7; WIDTH: 160px; LINE-HEIGHT: 20px; HEIGHT: 20px
}
</STYLE>

<META content="MSHTML 6.00.5730.13" name=GENERATOR></HEAD>
<BODY>
<DIV id=newsImg>
<P>正在加載圖片...</P></DIV>
<SCRIPT>

var ShowCount = 4;//顯示數量
	var i;
	var str="";	
	var sImg = new Array();
	var sWord = new Array();
	var sLink = new Array();

sImg[0]="http://cimg2.163.com/cnews/2007/8/8/20070808151110c56a3.jpg";
	sWord[0]="百萬市民晨練大行動";
	sLink[0]="#";
 
	sImg[1]="http://cimg2.163.com/cnews/2007/8/8/20070808143928b74c3.jpg";
	sWord[1]="變形金剛引發網絡惡搞";
	sLink[1]="#";

sImg[1]="http://cimg2.163.com/cnews/2007/8/8/200708081400391b3bd.jpg";
	sWord[1]="少林武功震撼日本";
	sLink[1]="#";

sImg[2]="http://cimg2.163.com/cnews/2007/8/8/200708081107160c9d0.jpg";
	sWord[2]="頂尖高科技設計產品";
	sLink[2]="#";

sImg[3]="http://cimg2.163.com/cnews/2007/8/8/20070808104024c029b.jpg";
	sWord[3]="臺風帕布襲擊中國";
	sLink[3]="#";

sImg[4]="http://cimg2.163.com/cnews/2007/8/8/200708081042015a236.jpg";
	sWord[4]="六國軍隊鏖戰車里";
	sLink[4]="#";

sImg[5]="http://cimg2.163.com/cnews/2007/8/8/20070808081842a9f33.jpg";
	sWord[5]="南亞洪災近2500萬人";
	sLink[5]="#";

sImg[6]="http://cimg2.163.com/cnews/2007/8/7/20070807160434e9217.jpg";
	sWord[6]="伊朗首次公開絞刑";
	sLink[6]="#";
 
 	sImg[6]="http://cimg2.163.com/cnews/2007/8/7/20070807093857a48be.jpg";
	sWord[6]="天安門迎奧運倒計時一周年";
	sLink[6]="#";

sImg[6]="http://cimg2.163.com/cnews/2007/8/7/2007080716440308de8.jpg";
	sWord[6]="姚明葉莉上海低調舉行婚禮";
	sLink[6]="#";

sImg[6]="http://cimg2.163.com/cnews/2007/8/7/20070807111517977a0.jpg";
	sWord[6]="法國總統赤膊怒斥記者偷拍";
	sLink[6]="#";

sImg[6]="http://cimg2.163.com/cnews/2007/8/7/2007080710170873350.jpg";
	sWord[6]="烏魯木齊廣場體育休閑熱潮";
	sLink[6]="#";

sImg[6]="http://cimg2.163.com/cnews/2007/8/7/2007080710380313ed9.jpg";
	sWord[6]="和平使命軍演首次實彈合練";
	sLink[6]="#";

function mixArray(source)
	{
		//var source=[1,2,3,4,5];
		var goal=[];
		for(var i=0;i<source.length;i++)
		{
			var pos=Math.floor(Math.random()*(source.length-i));
			goal[i]=source[pos];
			source[pos]=source[source.length-1-i];
		}
		return goal;
	}
	
	var Ro = new Array();
	for (var x=0;x<sImg.length ;x++ )
	{							   
		Ro[x]=x;	
	}
	Ro=mixArray(Ro);

for (var j=0;j<ShowCount ; j++)
	{

str += "<li><a href='" + sLink[Ro[j]] + "'><img src='" + sImg[Ro[j]] + "' /><span>" + sWord[Ro[j]] + "</span></a></li>";
	}
	str="<ul>" + str + "</ul>";
	document.getElementById("newsImg").innerHTML=str;
</SCRIPT>
</BODY></HTML>

前一頁:超級經典一套鼠標控制左右滾動圖片帶自動翻滾

后一頁:另一個省市二級關聯select下拉菜單代碼

相關閱讀: ASP.NET中文亂碼問題的解決。; 右下角彈出框帶關閉，非常不錯，可以用于后臺提示; 凹陷文字; fiddler抓包在內容的SyntaxView窗口里面是亂碼; 360500整站頁面設計; asp正則替換內容里的CSS樣式; 要想創業成功必讀的 36 條鐵律; 圖片上傳時，如果格式不正確，跳出警告

共有0條關于《Demo_隨機顯示圖片》的評論: 發表評論

正在加載評論......

返回頂部發表評論

呢稱:
表情:
內容:	評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規。
驗證碼:

網友評論聲明,請自覺遵守互聯網相關政策法規。

您發布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
二、不得發布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發布內容擁有處置權。

更多信息>>欄目類別選擇: 百度小程序開發; 微信小程序開發; 微信公眾號開發; uni-app; asp函數庫; ASP; DIV+CSS; HTML; python

更多>>同類信息: jquery下拉到某個固定位置然后某些元素發生改變樣式狀態; canvas繪制的文字如何換行; 兼容pc、移動端用js實現復制內容到剪切板（支持蘋果safari瀏覽器）; js兼容多個瀏覽器右下角漂浮廣告; 兼容ie6+和火狐的禁止右鍵; 做在線客服時，聊天窗口的div滾動條始終在底部

更多>>最新添加文章: dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT; Android移動端自動化測試：使用UIAutomatorViewer與Selenium定位元素; 抖音直播音掛載小雪花懂車帝小程序; javascript獲取瀏覽器指紋可以用來做投票; 火狐Mozilla Firefox出現：無法載入您的Firefox配置文件它可能已經丟失或是無法訪問問題解決集合處理辦法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑; python通過代碼修改pip下載源讓下載庫飛起; python里面requests.post返回的res.text還有其它的嗎

更多>>隨機抽取信息: a標簽的javascript鏈接; 武漢輝煌國際旅行社; input文本輸入框只能輸入數字或字母或漢字等; 華東賓館; 超級實用且不花哨的js代碼大全( 4 ); 網站已經整理了整站下載失效問題

更多標簽熱門標簽

body 驗證 div CSS CAD onmouserout 翻頁 PSD 背景繁體路徑添加展示旅行社個人夢幻超出單選經典應用三級 window 選項 ie7 名稱資料提交 DW 案例信息下拉框復制關鍵詞保留移動小旋風源文件 button 數據庫黑白行號不對齊密碼長 FTP function 過濾杈規 weatherxml id 邊界重疊

行業解決方案: 抖音小程序百度小程序微信小程序

了解我們: 關于深山; 業務范圍; 案例展示中心; 聯系我們; 網站地圖; 贊助深山

動態展示: 定制網絡投票系統; 定制小程序

服務熱線: 13961347334

: 微信公眾號二維碼

: 百度小程序二維碼

: 頭條抖音小程序二維碼

: 聯系微信二維碼

: 聯系QQ二維碼

免責聲明:本站所有資料信息,有部分為本人原創,部分為從網絡收集而來,僅供網友查看閱讀所用,所有信息版權歸信息所有人或所有公司所有
如果信息內容侵犯到您的版權或權益請與我們聯系,經確認后我們會立即移除相關內容或鏈接
Copyright © 2007-2025 深山工作室 All Rights Reserved
服務QQ:565449214 手機:13961347334
ICP備案:蘇ICP備15019627號

蘇公網安備 32070502010230號

88国产精品视频一区二区三区