js代码解释

来源:百度知道 编辑:UC知道 时间:2024/05/16 05:51:03
<SCRIPT>
var speed=2//速度数值越大速度越慢
var demo2 = document.getElementById("demo2");
var demo = document.getElementById("demo");
var demo1 = document.getElementById("demo1");
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</SCRIPT>
解释这里的每句代码是什么意思,有什么作用

生成html之后怎么插入到网页里面

<SCRIPT>
var speed=2//速度数值越大速度越慢
var demo2 = document.getElementById("demo2"); // 获取demo2元素
var demo = document.getElementById("demo"); // 获取demo元素
var demo1 = document.getElementById("demo1"); // 获取demo1元素
demo2.innerHTML=demo1.innerHTML // 把元素demo1的内容填入demo2
function Marquee(){ // 动画
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed) // 开始每隔speed的时长调用一次Marquee
demo.onmouseover=function() {clearInterval(MyMar)} // 鼠标移入元素demo时停止动画
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} // 鼠标移出元素demo时再次开始动画
</SCRIPT>