最近搞前端web开发，需要展示常用相关文件的图标以及点击下载，自己扣了一些win10常用图标，可用于html素材, 分享一下...图标样本请看 https://blog.csdn.net/tianbbs2008/article/details/120314073
2021-10-11 17:02:31
643KB
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