相關(guān)關(guān)鍵詞
關(guān)于我們
最新文章
- 拉動懸浮于頂部的JS控制代碼
- 在JavaScript中構(gòu)建ArrayList示例代碼
- js使用for循環(huán)及if語句判斷多個一樣的name
- JavaScript中判斷原生函數(shù)檢查function是否是原生代碼
- jQuery CSS()方法改變現(xiàn)有的CSS樣式表
- JavaScript中判斷原生函數(shù)檢查function是否是原生代碼
- jQuery動畫高級用法(上)——詳解animation中的.queue()函數(shù)
- python小技巧之批量抓取美女圖片
- JS中offsetTop、clientTop、scrollTop、offsetTop各屬性介紹
- JS獲取瀏覽器窗口大小 獲取屏幕,瀏覽器,網(wǎng)頁高度寬度
JQUERY仿360SHOP網(wǎng)店系統(tǒng)首頁帶縮略小圖的寬屏焦點圖片滾動
仿360SHOP網(wǎng)店系統(tǒng)首頁帶縮略小圖的寬屏焦點圖片滾動
上圖吧

<!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" />
<title>360Shop網(wǎng)站首頁輪播焦點圖</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</head>
<body>
<div class="gw_zzsc">
<ul class="fix_flash">
<li imglink="images/banner_05.jpg">
<a style="background:url(images/banner_05.jpg) center top no-repeat" href="http://www.17sucai.com/"></a>
</li>
<li imglink="images/banner_08.jpg">
<a style="background:url(images/banner_08.jpg) center top no-repeat" href="http://www.17sucai.com/"></a>
</li>
<li imglink="images/banner_06.jpg">
<a style="background:url(images/banner_06.jpg) center top no-repeat" href="http://www.17sucai.com/"></a>
</li>
</ul>
<div class="gw_zzsc_center">
<div class="gw_zzsc_flash_v">
<div style="width:96px; height:54px; overflow:hidden;">
<img src="images/banner_05.jpg">
</div>
</div>
<div class="gw_zzsc_flash_s"></div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
$(".gw_zzsc li").css("width",$("body").width()+"px");
$(".gw_zzsc li").css("cursor","pointer");
$(".gw_zzsc ul").css("width","999999px");
var str = "";
for(i=0;i<$(".fix_flash li").length;i++){
str += "<div class='gw_zzsc_sele' number="+i+" onclick='GW_FIX_scroll(this)'></div>"
}
$(".gw_zzsc_center").css("left",$("body").width()*0.5+250+"px")
$(".gw_zzsc_flash_s").html(str);
$(".gw_zzsc_sele").eq(0).addClass("gw_zzsc_over");
})
</script>
</body>
</html>