![[php框架] Smarty基础商品教程 Smarty入门教程 Smarty框架教程 共10课](https://jy.tp.yuanmeng.life/uploads/images/20210319/f47dc487eb949895833cd962fddc6a8b.jpg)
附件
$(function(){
var time = 3 * 1000;// 滑动时间间隔
var bottom_time = 6 * 1000; // 进入下方时滑块时间间隔
var spLength = $('.slide_point span').length,
scimgWidth = $(window).width(),
sulWidth = scimgWidth * spLength,
sNum = 0;
$(".slide_cont ul").width(sulWidth);
$(".slide_cont ul li").width(scimgWidth);
var sTimer = setInterval(moveSlide,time);
function moveSlide(){
sNum++;
if (sNum >= spLength) {
sNum = 0;
};
showPics(sNum);
}
//鼠标移入下方的块进行滚动
$('.slide_point span').mouseover(function(){
clearInterval(sTimer);
sNum = $(this).index();
showPics(sNum);
}).mouseleave(function(){
sTimer = setInterval(moveSlide,bottom_time);
});
//图片自动滚动
function showPics(sNum){
$(".slide_point span").eq(sNum).find('img').attr('src','img/image/2_'+(sNum+1)+'.png');
$(".slide_point span").eq(sNum).find('img').css({'width':'210px','height':'280px'});
$(".slide_point span").find('img').each(function(index){
if(sNum!=index){
$(this).attr('src','img/image/0_'+(index+1)+'.png');
$(this).css({'width':'200px','height':'250px'});
}*
回帖描述：*
链接类型：*
下载链接：
验证通过自动获取下载链接
*
描述：*
回帖描述：*
链接类型：*
阅读权限：*
下载链接：
微信客服
QQ客服
QQ群
