基于jQuery實現電影網站帶簡介焦點圖切換



36 141 48



特效描述:基于jQuery實現 電影網站帶簡介 焦點圖切換,基于jQuery實現電影網站帶簡介焦點圖切換

代碼結構

1. 引入CSS

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

2. 引入JS

<script type="text/javascript" src="js/jquery.min.js"></script>
<script language="JavaScript" type="text/javascript" src="js/slides.js"></script>

3. HTML代碼

<div class="pgmiddle">
<div id="example">
<div id="ribbon_1"></div>
<div id="ribbon_2"></div>
<div id="slides">
<div class="scroimg" style="left:0px;">
<a href="http://51qianduan.com"><img src="images/1.jpg" width="950" height="330" alt="【高清首播】《傾城絕戀》全集觀看-086中國影院"></a>
</div>
<div class="scrotext" style="bottom:0px;">
<h4><a href="http://51qianduan.com/">【高清首播】《傾城絕戀》全集觀看</a></h4>
<p>碧瓦紅墻,御花園中煙波滿目,當她帶著少女的執拗對他說出,『靖軒哥哥,我喜歡你!』 。靖軒冷漠地回絕,『可我不喜歡你!』,時光流轉,經年更迭……</p>
</div>
<div class="scroimg" style="left: -950px;">
<a href="http://51qianduan.com/"><img width="950" height="330" alt="先結婚后戀愛-086中國影院" src="images/2.jpg"></a>
</div>
<div class="scrotext" style="bottom: -950px;">
<h4><a href="http://51qianduan.com">先結婚后戀愛</a></h4>
<p>老滕是婚慶界的名人,他的前妻劉麗在離異的五年后才認識到他的價值。劉麗表面上溫潤典雅,實際上是一個貪圖享樂的女人,為了晚年有一個美滿的人生,她做了一圈的選擇之后,最后還想回到老滕身邊。</p>
</div><div class="scroimg" style="left: -950px;">
<a href="http://51qianduan.com/"><img width="950" height="330" alt="野王-086中國影院" src="images/3.jpg"></a>
</div>
<div class="scrotext" style="bottom:-950px;">
<h4><a href="http://51qianduan.com">野王</a></h4>
<p>韓劇《夜王》野王講述了男主人公為供女友在名門大學讀書,拼命打工甚至不惜去做夜店牛郎,卻遭到女友背叛后,隨后向女友進行報復的故事。允浩在劇中將飾演出身豪門,各方面都非常優秀的“白道勛”一角,與秀愛權相宇上演三角戀。鄭允浩將飾演的‘白道勛’是劇</p>
</div><div class="scroimg" style="left:-950px;">
<a href="http://51qianduan.com"><img width="950" height="330" alt="老嚴有女不愁嫁-086中國影院" src="images/4.jpg"></a>
</div>
<div class="scrotext" style="bottom:-950px;">
<h4><a href="http://51qianduan.com">老嚴有女不愁嫁</a></h4>
<p>退休保衛處長嚴查令對自己的女兒嚴小燦愛如珍寶,卻不想小燦和老嚴仇人的兒子溫文剛相戀。老嚴和文剛這對準翁婿之間,以及這兩個有矛盾的家庭之間爆發了激烈但又令人忍俊不止的沖突,嚴小燦和溫文剛二人則堅守著自己的愛情,不久嚴小燦的前男友歸亞洲和喜歡溫</p>
</div><div class="scroimg" style="left:-950px;">
<a href="http://51qianduan.com/"><img width="950" height="330" alt="唐朝浪漫英雄-086中國影院" src="images/5.jpg"></a>
</div>
<div class="scrotext" style="bottom: -950px;">
<h4><a href="http://51qianduan.com/">唐朝浪漫英雄</a></h4>
<p>唐朝一支除暴安良的隊伍,忠心護衛,為了天下百姓的安居樂業和國泰民安,最終粉碎了王爺的叛亂陰謀,隊員們也在歷練中成長。唐朝某年,鳳翔府郊外驛站危機四伏。驛站官吏雜役悉數被害,一支神秘隊伍將矛頭指向了當今皇上。在大內侍衛飛鷹的奮勇護衛下,皇帝脫</p>
</div>
</div>
<span id="prev"></span>
<span id="next"></span>
<div id="pagination">
<span onclick="gopaly(0)" onfocus="this.blur();" class="current"></span>
<span onclick="gopaly(1)" onfocus="this.blur();"></span>
<span onclick="gopaly(2)" onfocus="this.blur();"></span>
<span onclick="gopaly(3)" onfocus="this.blur();"></span>
<span onclick="gopaly(4)" onfocus="this.blur();"></span>
</div>
</div>
</div>
<div style="text-align:center;clear:both">
</div>



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


熱門標簽: 圖片疊加 圖片層疊 圖片翻轉 圖片旋轉 圖片拖動 圖片拖拽 圖片延遲加載 圖片延遲 圖片加載 圖片淡出淡進 圖片淡出 圖片淡進 圖片全屏 頭像上傳 圖片上傳 二維碼 圖片放大鏡 h5圖片動畫 h5圖標動畫 html5圖片動畫 html5圖標動畫 帶縮略圖的幻燈片 地圖 中國地圖 世界地圖 flash焦點圖 flash幻燈片 flashbanner flash圖片輪播 圖片放大縮小 圖片縮放 圖片大小 圖片放大 圖片縮小 圖片變大 圖片變小 滾動切換 滾動條切換 圖片廣告 滑動選項卡 滑動切換 純圖片輪播 圖片輪播 圖片收縮展開 圖片收縮 圖片展開 圖片滾動 圖片滾動條 圖片滑動 圖片滑塊 旋轉木馬 圖片旋轉木馬 文字旋轉木馬 旋轉木馬插件 圖片切換 圖片選項卡 圖標選項卡 圖標導航 圖標菜單 自動滾動圖片輪播 滑動手風琴 背景切換 大圖切換 選項卡切換 選項卡 切換 tab切換 頁面切換 選項卡插件 切換插件 手風琴 水平手風琴 垂直手風琴 圖片手風琴 文字手風琴 手風琴插件 切換按鈕 表單 表單美化 表單插件 表單美化插件 圖表 焦點圖 幻燈片 輪播圖 bar焦點圖 圖片 圖片插件 頭像截圖 帶簡介的焦點圖 圖片切換 圖片選項卡 圖標選項卡 純圖片輪播 圖片輪播 選項卡自動切換 圖片切換 切換圖片 按鈕控制
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

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

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

湖北30选5开奖结果走势图表