这是一个当当网主页的HTML+CSS代码实现，希望对大家有用
2022-11-06 10:35:45
138KB
1
购物网站当当网包含首页，登录界面，注册界面，购物车等的HTML和CSS及脚本。 购物网站当当网包含首页，登录界面，注册界面，购物车等的HTML和CSS及脚本。
2021-04-21 16:09:52
831KB
1
function changeImg(){
var index=0;
var stop=false;
var $li=$("#content").find("#scroll_img").children("li");//获得要轮播的图片的li元素
var $page = $("#content").find("#scroll_number").children("li");//获得要轮播的索引的li元素
$page.eq(index).addClass("scroll_number_over").stop(true,true).siblings().removeClass("scroll_number_over");//图片与索引匹配时实现图片的轮播
$page.mouseover(function(){//鼠标移入
stop=true;//停止轮播
index=$page.index($(this));
$li.eq(index).stop(true,true).fadeIn().siblings().fadeOut();
$(this).addClass("scroll_number_over").stop(true,true).siblings().removeClass("scroll_number_over");
}).mouseout(function(){
stop=false;
});
setInterval(function(){
if(stop) return;
index++;
if(index>=$li.length){
index=0;
}
$li.eq(index).stop(true,true).fadeIn().siblings().fadeOut();
$page.eq(index).addClass("scroll_number_over").stop(true,true).siblings().removeClass("scroll_number_over");
},3000);
}
function movedome(){
var marginTop=0;
var stop=false;
var interval=setInterval(function(){
if(stop) return;
$("#express").children("li").first().animate({"margin-top":marginTop--},0,function(){
var $first=$(this);
if(!$first.is(":animated")){
if((-marginTop)>$first.height()){
$first.css({"margin-top":0}).appendTo($("#express"));
marginTop=0;
}
}
});
},50);
$("#express").mouseover(function(){
stop=true;
}).mouseout(function(){
stop=false;
});
}
2019-12-21 20:39:28
7.1MB
1