-
网站首页
/
公司简介
/
产品中心
/
新闻动态
/
在线留言
/
联系我们
-
有机硅销售：
- 内销电话：86-0559-2346805 18055913262
- E-mail：hsuzihang@163.com
- 外销电话：86-0559-2346805 18055913262
扫
码
关
注
Copyright yourname allrights reserved <a href="https://beian.miit.gov.cn/"><font color="#fff">皖ICP备19001001号-1
</font></a> <span>技术支持：<a href="https://www.9-xin.com/" target="_blank">久鑫网络</a></span>
</div>
</div>
</div>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
var mySwiper = new Swiper('#swiper-container', {
autoplay: {
delay:5000,//1秒切换一次
},
loop:true,
pagination: {
el: '.swiper-pagination',
clickable :true,
bulletClass : 'me-bullet',
bulletActiveClass: 'me-bullet-active',
},
});
var mySwiper = new Swiper('#swiper-container2', {
autoplay: {
delay:5000,//1秒切换一次
},
loop:true,
});
</script>
<script type="text/javascript">
$(function(){
function qiehuan(qhan,qhshow,qhon){
$(qhan).click(function(){
$(qhan).removeClass(qhon);
$(this).addClass(qhon);
var i = $(this).index(qhan);
$(qhshow).eq(i).show().siblings(qhshow).hide();
});
}
var Marquee = function(ul){
//每次移动的个数
var moveNum = $(ul).attr('moveNum') || 1;
//单个元素移动的长度
var w = $(ul).find('li').outerWidth(true);
var changeLi = function(dir){
for(var i=0;i<moveNum;i++){
if(dir == 'r'){
$(ul).find('li:first').appendTo($(ul));
}else{
$(ul).find('li:last').prependTo($(ul));
}
}
}
var move = function(dir){
var _left = 0;
if(dir == 'r'){
_left = - moveNum * w ;
}else{
changeLi(dir);
_left = moveNum * w ;
$(ul).css('left',-_left);
_left = 0;
}
$(ul).animate({left:_left},500,function(){
if(dir == 'r'){
changeLi(dir);
}
$(ul).css('left','0px');
});
//$('ul').css('left','0px');
}
var timeout = null;
return {
//自动滚动
autoRun : function(){
timeout = window.setInterval(function(){move('r')},4000);
},
next : function(){
this.stop();
move('r');
this.autoRun();
},
pre : function(){
this.stop();
move('l');
this.autoRun();
},
stop : function(){
window.clearTimeout(timeout);
}
}
};
//需要修改的调用的样式
var marquee_list = new Marquee($('.indextxt4 ul').get(0));
marquee_list.autoRun();
$(".txt4right").click(function(){
marquee_list.pre();
})
$(".txt4left").click(function(){
marquee_list.next();
})
});
</script>
</body>
</html>
