jquery imageslider制作電影網站帶縮略圖的焦點圖片切換代碼



128 510 171



特效描述:jquery imageslider制作 電影網站 帶縮略圖焦點圖 圖片切換,帶縮略圖的焦點圖片切換

代碼結構

1. 引入CSS

<link type="text/css" rel="stylesheet" href="css/style.css" />

2. 引入JS

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/imageslide.js"></script>

3. HTML代碼

<div id="mFocus1" class="fi_movie"></div>
<script type="text/javascript">
$('#mFocus1').ImgSlide({
	loop : true,
	timeout : 15e3,
	data : [{
		p:"images/sohu03.jpg",
		p1:"images/sohu003.jpg",
		l:"http://www.dijiuzhanzhang.com",
		t:"《17173動漫嘉年華》",
		t_:"九陰真經17173第十屆游戲動漫嘉年華",
		t1:"  九陰真經17173第十屆游戲動漫嘉年華報道,采取各地巡回表演的形式……",
		mtype:[{"t":"動漫嘉年華"}],
		mdirector:[{"t":"動漫嘉年華"}],         
		mactor:[{"t":"動漫嘉年華"}]
	},{
		p:"images/sohu01.jpg",
		p1:"images/sohu001.jpg",
		l:"http://www.dijiuzhanzhang.com",
		t:"《反恐精英:全球攻勢》",
		t_:"《反恐精英:全球攻勢》獨家CG預告",
		t1:"  Valve的最新力作《CS:GO》并未在今年的科隆游戲展2012上透露什么具體消息,但即將發售的本作也絕對不會自甘寂寞……",
		mtype:[{"t":"第一人稱射擊"}],
		mdirector:[{"t":"Valve Software"}],         
		mactor:[{"t":"Valve Software"}]
	},{
		p:"images/sohu02.jpg",
		p1:"images/sohu002.jpg",
		l:"http://www.dijiuzhanzhang.com",
		t:"《彈雨狂奔》",
		t_:"索尼FPS新作《彈雨狂奔》科隆展預告",
		t1:"  索尼在線娛樂公布了一款名為《子彈飛舞(Bullet Run)》的網游新作。 據官方介紹,本作為第一人稱射擊類型,采用免費模式運營……",
		mtype:[{"t":"3D/射擊游戲/FPS射擊"}],
		mdirector:[{"t":"ACONYGAMES"}],         
		mactor:[{"t":"暫無"}]
	},{
		p:"images/sohu01.jpg",
		p1:"images/sohu001.jpg",
		l:"http://www.dijiuzhanzhang.com",
		t:"《QQ炫舞》",
		t_:"炫歌之王《QQ炫舞》明星爭霸賽",
		t1:"  QQ炫舞炫歌之王明星爭霸賽是17173QQ炫舞視頻站與官方合作的QQ炫舞3.0演唱會版本的歌曲翻唱大賽……",
		mtype:[{"t":"3D/運動/休閑/音樂游戲"}],
		mdirector:[{"t":"永航科技"}],         
		mactor:[{"t":"騰訊"}]
	},{
		p:"images/sohu01.jpg",
		p1:"images/sohu001.jpg",
		l:"http://www.dijiuzhanzhang.com",
		t:"《戰爭前線》",
		t_:"中文字幕《戰爭前線》場景是怎樣煉成的",
		t1:"  孤島危機游戲開發商Crytek針對亞洲用戶打造的FPS網絡游戲。中國大陸代理商騰訊游戲表示…………",
		mtype:[{"t":"3D/射擊游戲/FPS射擊"}],
		mdirector:[{"t":"Crytek"}],         
		mactor:[{"t":"騰訊"}]
	},{
		p:"images/sohu02.jpg",
		p1:"images/sohu002.jpg",
		l:"http://www.dijiuzhanzhang.com",
		t:"《地下城強襲者》",
		t_:"《地下城強襲者》帥氣火炮手宣傳視頻",
		t1:"  游戲具有快速而爽快的動作,簡單而方便的操作,超過19種職業的轉職系統等內容…………",
		mtype:[{"t":"3D/角色扮演/奇幻游戲"}],
		mdirector:[{"t":"EYEDENTITY"}],         
		mactor:[{"t":"盛大游戲"}]
	},{
		p:"images/sohu01.jpg",
		p1:"images/sohu001.jpg",
		l:"http://www.dijiuzhanzhang.com",
		t:"《幽靈行動OL》",
		t_:"未來風格TPS《幽靈行動OL》新宣傳片",
		t1:"   育碧開發的一款近未來風格的第三人稱射擊游戲,為著名射擊游戲《幽靈行動》的網絡版…………",
		mtype:[{"t":"3D/射擊游戲/TPS射擊"}],
		mdirector:[{"t":"育碧"}],         
		mactor:[{"t":"育碧"}]
	},{
		p:"images/sohu02.jpg",
		p1:"images/sohu002.jpg",
		l:"http://www.dijiuzhanzhang.com",
		t:"《逆戰》",
		t_:"《逆戰》生存祭壇英雄 17173解說",
		t1:"  騰訊以虛幻3引擎自主研發的FPS網絡游戲。游戲上手簡單,支持爽快淋漓的多人對戰,在獨特PVE模式中…………",
		mtype:[{"t":"3D/射擊游戲/FPS射擊"}],
		mdirector:[{"t":"騰訊"}],         
		mactor:[{"t":"騰訊"}]
	}]
});
</script>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 滾動 滾動條 頁面滾動 滾動插件 滾動條插件 滾動條美化 滑動選項卡 滑動切換 滾動切換 滾動條切換 flash焦點圖 flash幻燈片 flashbanner flash圖片輪播 自動滾動圖片輪播 選項卡切換 選項卡 切換 tab切換 頁面切換 選項卡插件 切換插件 滑動手風琴 漸隱切換 淡出淡進 淡出 淡進 焦點圖 幻燈片 輪播圖 bar焦點圖 圖片淡出淡進 圖片淡出 圖片淡進 帶縮略圖的幻燈片 帶簡介的焦點圖 圖片滾動 圖片滾動條 圖片切換 圖片選項卡 圖標選項卡 純圖片輪播 圖片輪播
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子