<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<meta charset="utf-8" />
<script src="JQuery/jquery-1.8.2.js"></script>
<script src="JavaScript/javascript.js"></script>
<link href="style/style.css" rel="stylesheet" />
<script type="text/javascript">
$(function () {
//置顶
var timer1 = null;
var timer2 = null;
var timer3 = null;
var isTop = true;
window.onscroll = function () {
if (!isTop) {
if (timer1 != null) {
clearInterval(timer1);
}
if (timer2 != null) {
clearInterval(timer2);
}
if (timer3 != null) {
clearInterval(timer3);
}
}
isTop = false;
}
$('#shang_a').click(function () {
window.document.body.scrollTop;//下拉距离
window.document.body.scrollHeight;//整个页面的实际高度
window.document.body.clientHeight;//浏览器可视高度
window.document.documentElement.scrollTop;
window.document.documentElement.scrollHeight;
window.document.documentElement.clientHeight;
clearInterval(timer2);
timer1 = setInterval(function () {
var h = window.document.body.scrollTop || window.document.documentElement.scrollTop;
h = (h / 8);
window.document.body.scrollTop -= h;
window.document.documentElement.scrollTop -= h;
if (h <= 0) {
clearInterval(timer1);
}
isTop = true;
}, 30);
});
$('#xia_a').click(function () {
clearInterval(timer1);
timer2 = setInterval(function () {
var h = window.document.body.scrollHeight || window.document.documentElement.scrollHeight;
var clientHeight=0;
if( window.document.body.clientHeight< window.document.documentElement.clientHeight){
clientHeight = window.document.body.clientHeight;
} else {
clientHeight = window.document.documentElement.clientHeight;
}
var htop = window.document.body.scrollTop || window.document.documentElement.scrollTop;
if (htop == 0) {
htop = 200;
}
window.document.body.scrollTop += htop / 6;
window.document.documentElement.scrollTop += htop / 6;
if (htop >= (h - clientHeight)) {
clearInterval(timer2);
}
isTop = true;
}, 50);
});
//选择搜索类型
$('#select-div>ul>li').hover(function () {
$('.ul-drop-down').css('display', 'block');
},function () {
$('.ul-drop-down').css('display', 'none');
});
$('#ul_drop_down li').click(function () {
var index = $(this).attr('index');
var text = $('#ul_drop_down li a');
$('#select_text').text($(text[index]).text() + '▼');
$('.ul-drop-down').css('display', 'none');
});
//轮播图
var index = 0;
var time;
start();
//上一张 img-btn
$('#last_time_btn').click(function () {
var left=parseInt($('#main-select-content-img-div>div:nth-child(1)').css('margin-left'));
if (left>= -1275) {
left = -8925;
$('#main-select-content-img-div>div:nth-child(1)').css('transition', 'all 0s ease-in').css('-webkit-transition', 'all 0s ease-in').css('-moz-transition', 'all 0s ease-in');
} else {
left = left + 1275;
$('#main-select-content-img-div>div:nth-child(1)').css('transition', 'all 0.4s ease-in').css('-webkit-transition', 'all 0.4s ease-in').css('-moz-transition', 'all 0.4s ease-in');
}
if (index>0) {
index--;
} else {
index=6;
}
background_color_a(index, left);
});
//下一张
$('#next_time_btn').click(function () {
var left=parseInt($('#main-select-content-img-div>div:nth-child(1)').css('margin-left'));
if (left <-7650) {
left = -1275;
$('#main-select-content-img-div>div:nth-child(1)').css('transition', 'all 0s ease-in').css('-webkit-transition', 'all 0s ease-in').css('-moz-transition', 'all 0s ease-in');
} else {
left = left - 1275;
$('#main-select-content-img-div>div:nth-child(1)').css('transition', 'all 0.4s ease-in').css('-webkit-transition', 'all 0.4s ease-in').css('-moz-transition', 'all 0.4s ease-in');
}
if (index<6) {
index++;
} else {
index = 0;
}
background_color_a(index, left);
});
var btn = $('#img_btn_div a');
for (var i = 0; i < btn.length; i++) {
$(btn[i]).hover(function () {
var a_index = $(this).attr('index');
background_color_a(a_index, -(a_index * 1275) - 1275);
index = a_index;
}, function () {
});
}
function background_color_a(index, left) {
$('#main-select-content-img-div>div:nth-child(1)').css('margin-left', left + 'px');
$(btn).css({ 'background-color': '#C6C6C6', 'opacity': '0.3' });
$(btn[index]).css({'background-color':'#FE4400','opacity':'0.9'});
}
function stop() {
clearInterval(time);
}
function start() {
time = setInterval(function () {
if (index < 6) {
index++;
} else {
index = 0;
}
var left = parseInt($('#main-select-content-img-div>div:nth-child(1)').css('margin-left'));
if (left < -7650) {
left = -1275;
$('#main-select-content-img-div>div:nth-child(1)').css('transition', 'all 0s ease-in').css('-webkit-transition', 'all 0s ease-in').css('-moz-transition', 'all 0s ease-in');
} else {
left = left - 1275;
$('#main-select-content-img-div>div:nth-child(1)').css('transition', 'all 0.4s ease-in').css('-webkit-transition', 'all 0.4s ease-in').css('-moz-transition', 'all 0.4s ease-in');
}
background_color_a(index, left);
},1000);
}
$('#main-select-content-img-div').hover(function () {
stop();
}, function () {
start();
});
//tab
var index_li=0;
var bool_tab = true;
var bool2_tab = false;
var currentIndex = -1;
var main = document.getElementById('main-content-left-tab');
亚马逊主页
5星 · 超过95%的资源 需积分: 50 118 浏览量
2016-09-16
13:25:27
上传
评论 8
收藏 4.48MB ZIP 举报 
亚马逊主页.zip （67个子文件） 
亚马逊主页 JavaScript 
javascript.js 5B style style.css 32KB image 
002.png 2KB ChooseOptions._CB309477177_.png 2KB shoubiao6.png 5KB xiaoxi.png 514B global-sprite-32-v1._CB330175699_.png 16KB
lunbo3.jpg 50KB shoubiao1.png 26KB san3.png 119KB you1.png 904B lunbo7.jpg 65KB SeeDeal._CB309477364_.png 1KB 006.png 1KB shoubiao3.png 27KB 51pOrI8Oy4L._AC_SX75_.jpg 2KB 51bMA9vVqSL._AC_SX75_.jpg 7KB
b.gif 25KB AGS-SideKick1-264-newera._CB276644047_.png 30KB lunbo2.jpg 89KB san2.png 102KB diqiu.png 1KB shoubiao4.png 31KB 003.png 1KB guanggao2.png 86KB 1.png 9KB zuo.png 399B lunbo1.jpg 47KB lunbo5.jpg 60KB 519tFAlXsJL._AC_.jpg 39KB san1.png 125KB search1.png 813B 51CnMgXf6DL._AC_SX75_.jpg 3KB shoubiao5.png 38KB 819HuanLeSong.png 121KB shang.png 335B shoubiao2.png 34KB 51m8CNgvllL._AC_SS150_.jpg 8KB 41jb+yCmsZL._AC_SS150_.jpg 4KB 500500.jpg 45KB a.gif 31KB lunbo4.jpg 43KB zuo1.png 914B lunbo6.jpg 84KB 819.png 16KB stars-5-0._CB192275006_.gif 588B logo.png 2KB 51JaGEA95mL._AC_.jpg 31KB xia.png 366B guanggao1.png 82KB kindle.png 117KB 2.png 35KB 4.png 11KB 41EGXtD101L._AC_SX75_.jpg 3KB DaPaiJingXuan.png 26KB 004.png 1KB 007.png 2KB 51wDF5Ivj2L._AC_SS150_.jpg 4KB AddtoCart._CB309477164_.png 1KB navAmazonLogoFooter._CB169459411_.gif 784B 3.png 11KB you.png 396B 51wQjuz+pJL._AC_SS150_.jpg 5KB 005.png 1KB JQuery jquery-1.8.2.js 261KB
index.html 206KB 亚马逊.png 2.8MB资源评论
voken2020-02-03我打5星，还没测试，我怎么解压不出来
Wolfsidedish2020-05-16代码挺好,没什么bug,就是功能不太全,新手拿来参考学习很不错
qq_380856632017-11-22写的代码很666
