
JS请各位大侠帮我看下下面这段代码什么意思
刚学JS请各位帮忙看下这段JS代码什么意思,可以的话详细点刚学html<divclass="tb-moduletshop-umtshop-um-rolling"><div...
刚学JS请各位帮忙看下这段JS代码什么意思,可以的话详细点刚学
html
<div class="tb-module tshop-um tshop-um-rolling">
<div class="roll_content">
<a target="_blank" href="#" class="bbpic" style="background:url(modules/tshop-um-rolling/1.jpg) no-repeat center center;"></a>
<a target="_blank" href="#" class="bbpic" style="background:url(modules/tshop-um-rolling/3.jpg) no-repeat center center;"></a>
<a target="_blank" href="#" class="bbpic" style="background:url(modules/tshop-um-rolling/2.jpg) no-repeat center center;"></a>
<a target="_blank" href="#" class="bbpic" style="background:url(modules/tshop-um-rolling/4.jpg) no-repeat center center;"></a>
</div>
</div>
JS
KISSY.ready(function(S)//尤其这里的KISSY.ready
{
S.use('core',function(){//core什么意思?
oContent=S.get('.roll_content');//获取DIV
oPic=oContent.getElementsByTagName('a');//获取div.里面的a标签
var timer=null;
var iSpeed=2;
oContent.innerHTML+=oContent.innerHTML;
oContent.style.width=oPic.length*(oPic[0].offsetWidth+7)+'px';
function fnMove()
{
if(oContent.offsetLeft<-oContent.offsetWidth/2)
{
oContent.style.left=0;
}
else if(oContent.offsetLeft>0)
{
oContent.style.left=-oContent.offsetWidth/2+'px';
}
oContent.style.left=oContent.offsetLeft+iSpeed+'px';
}
timer=setInterval(fnMove, 30);//开启动画
oContent.onmouseover=function ()
{
clearInterval(timer);//关闭动画
};
oContent.onmouseout=function ()
{
timer=setInterval(fnMove, 30);//开启动画
};
});
}); 展开
html
<div class="tb-module tshop-um tshop-um-rolling">
<div class="roll_content">
<a target="_blank" href="#" class="bbpic" style="background:url(modules/tshop-um-rolling/1.jpg) no-repeat center center;"></a>
<a target="_blank" href="#" class="bbpic" style="background:url(modules/tshop-um-rolling/3.jpg) no-repeat center center;"></a>
<a target="_blank" href="#" class="bbpic" style="background:url(modules/tshop-um-rolling/2.jpg) no-repeat center center;"></a>
<a target="_blank" href="#" class="bbpic" style="background:url(modules/tshop-um-rolling/4.jpg) no-repeat center center;"></a>
</div>
</div>
JS
KISSY.ready(function(S)//尤其这里的KISSY.ready
{
S.use('core',function(){//core什么意思?
oContent=S.get('.roll_content');//获取DIV
oPic=oContent.getElementsByTagName('a');//获取div.里面的a标签
var timer=null;
var iSpeed=2;
oContent.innerHTML+=oContent.innerHTML;
oContent.style.width=oPic.length*(oPic[0].offsetWidth+7)+'px';
function fnMove()
{
if(oContent.offsetLeft<-oContent.offsetWidth/2)
{
oContent.style.left=0;
}
else if(oContent.offsetLeft>0)
{
oContent.style.left=-oContent.offsetWidth/2+'px';
}
oContent.style.left=oContent.offsetLeft+iSpeed+'px';
}
timer=setInterval(fnMove, 30);//开启动画
oContent.onmouseover=function ()
{
clearInterval(timer);//关闭动画
};
oContent.onmouseout=function ()
{
timer=setInterval(fnMove, 30);//开启动画
};
});
}); 展开
2个回答
展开全部
你懂JQuery吗? KISSY应该就是一个相似的JS框架。
KISSY.ready(function(S){ }) 应该等同于 jquery.ready(function(S){ })
KISSY.ready(function(S){ }) 应该等同于 jquery.ready(function(S){ })
展开全部
KISSY 是由阿里集团前端工程师们发起创建的一个开源 JS 框架。
http://docs.kissyui.com/
http://docs.kissyui.com/
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询