【京东电商网站主界面仿写——JavaScript部分

比较完整的效果在这里~~【京东网站主界面仿写——使用Html5+CSS3+JavaScript等实现(附源代码和效果)，挺炫的喔~~~】

HTML 和 CSS 部分已经展示结束啦！！！！！

这里开始展示第三部分，关于JS部分代码。

至此，HTML、CSS、JavaScript部分均已经展示结束。

将其复制整理即可实现完成的界面哦~~

（鉴于图片资源过多，这里不再上传~）

window.onload = function () {

var oxx = document.getElementById(‘xx’);

var obanner = document.getElementById(‘top-banner’);

var otext = document.getElementById(‘textt’);

oxx.onmousedown = function () {

obanner.style.display = ‘none’;

};

otext.onmousedown = function () {

otext.value = ‘’;

otext.style.color = ‘rgb(51, 51, 51)’;

};

}

$(function () {

//手动控制轮播图

$(‘#one li’).eq(0).show();

$(‘#two li’).mouseover(function () {

$(this).addClass(‘on’).siblings().removeClass(‘on’);

var index = $(this).index();

i = index;

$(‘#one li’).eq(index).stop().fadeIn(300).siblings().stop().fadeOut(300);

})

//自动播放

var i = 0;

var t = setInterval(move, 1500);

//自动播放核心函数

function move() {

i++;</