//banner1 - 多图
function bb1(){
var nav_num = '';
var obj_li = $(".bb li");
var count = obj_li.length;
obj_li.first().css("display","block");
obj_li.each(function(){
var index = $(this).index() + 1;
nav_num += '
' + index + '';
});
$(".banner").append('');
$(".num li").first().addclass("num_hover");
$(".num li").hover(function(){
sw = $(".num li").index(this);
myshow(sw);
});
function myshow(i){
$(".num li").eq(i).addclass("num_hover").siblings().removeclass("num_hover");
obj_li.eq(i).stop(true,true).fadein(600).siblings("li").fadeout(600);
}
var mytime = 0;
//滑入停止动画,滑出开始动画
$(".bb").hover(function(){
if(mytime){
clearinterval(mytime);
}
},function(){
mytime = setinterval(function(){
myshow(sw);
sw++;
if(sw == count){
sw=0;
}
} , 3000);
});
//自动开始
var sw = 0;
mytime = setinterval(function(){
myshow(sw);
sw++;
if(sw == count){
sw=0;
}
} , 2000);
}
//滚动
function scroll(){
//产品滚动
var speed = 30; //数字越大速度越慢
var tab = document.getelementbyid("demo");
var tab1 = document.getelementbyid("demo1");
var tab2 = document.getelementbyid("demo2");
var liwidth=tab1.getelementsbytagname("li");
var liwidths=liwidth[0].offsetwidth;
var length=$("#demo1 li").length;
var mleft=parseint($("#demo1 li:eq(0)").css("marginleft"));
var mright=parseint($("#demo1 li:eq(0)").css("marginright"));
var totalwidth=(liwidths+mleft+mright)*length*2+300;
$("#indemo").width(totalwidth);
tab2.innerhtml = tab1.innerhtml;
function marquee(){
if(tab2.offsetwidth - tab.scrollleft <= 0)
tab.scrollleft -= tab1.offsetwidth;
else{
tab.scrollleft++;
}
}
var mymar = setinterval(marquee,speed);
tab.onmouseover = function(){
clearinterval(mymar);
};
tab.onmouseout = function(){
mymar = setinterval(marquee,speed);
};
}
//滚动
function scroll2(){
//产品滚动
var speed = 30; //数字越大速度越慢
var tab = document.getelementbyid("m_demo");
var tab1 = document.getelementbyid("m_demo1");
var tab2 = document.getelementbyid("m_demo2");
var liwidth=tab1.getelementsbytagname("li");
var liwidths=liwidth[0].offsetwidth;
var length=$("#m_demo1 li").length;
var mleft=parseint($("#m_demo1 li:eq(0)").css("marginleft"));
var mright=parseint($("#m_demo1 li:eq(0)").css("marginright"));
tab2.innerhtml = tab1.innerhtml;
var derection=1;
$(".l_btn").click(function(){
derection=1;
});
$(".r_btn").click(function(){
derection=0;
});
function marquee(){
if(derection){
if(tab2.offsetwidth - tab.scrollleft <= 0)
tab.scrollleft -= tab1.offsetwidth;
else{
tab.scrollleft++;
}
}else{
if(tab.scrollleft <= 0)
tab.scrollleft += tab1.offsetwidth;
else{
tab.scrollleft--;
}
}
}
var mymar = setinterval(marquee,speed);
tab.onmouseover = function(){
clearinterval(mymar);
};
tab.onmouseout = function(){
mymar = setinterval(marquee,speed);
};
}