您好,登錄后才能下訂單哦!
Jquery 焦點(diǎn)圖-幻燈片效果(堪比Flash)
(圖一)
(圖二)
兼容ie6。只是觀察發(fā)現(xiàn)比較耗資源(它的css是通過(guò)js動(dòng)態(tài)的再變換)。
喜歡的可以down下來(lái)學(xué)習(xí)研究下。
Download地址:http://down.51cto.com/data/795354
附頁(yè)面代碼:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="file/jquery-1.js"></script> <script type="text/javascript" src="file/coin-slider.js"></script> <link rel="stylesheet" href="file/styles.css" type="text/css"> <link rel="stylesheet" href="file/coin-slider-styles.css" type="text/css"> </head> <body> <div id="gamesHolder"> <div class="coin-slider" id="coin-slider-games"> <div id="games"> <a href="#" target="_blank"> <img src="file/01.jpg" /> <span > <b>標(biāo)題001</b><br> 介紹001 </span> </a> <a href="#" target="_blank"> <img src="file/02.jpg" /> </a> <a href="#" target="_blank"> <img src="file/03.jpg" /> </a> <a href="#" target="_blank"> <img src="file/04.jpg" /> </a> <a href="#" target="_blank"> <img src="file/05.jpg" /> </a> <a href="#" target="_blank"> <img src="file/06.jpg" /> <span > <b>標(biāo)題006</b><br> 介紹006 </span> </a> </div> </div> </div> <script> $(document).ready(function() { $('#games').coinslider({ hoverPause: false }); }); </script> </body> </html>
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。