为了账号安全,请及时绑定邮箱和手机立即绑定

不是说js代码不会自己运行吗。。为什么这里没有window.onload他也可以自己执行呢

<!DOCTYPE HTML>

<html>

<head>

<meta content='text/html' charset='utf-8'/>

<title>信息滚动效果</title>

<style>

*{

  margin:0;

  padding:0;

}

div{

   width:300px;

   height:170px;

   border:2px solid red;

   margin:0 auto;

   font-weight:bold;

   overflow:hidden;

  }

 a{

   text-decoration:none;

   font-size:25px;

  }

 a:hover{

 color:red;

 }

</style>


</head>

<body>

<div id='div1'>

 <p id='p1'>

  <a href='#'>1.你好吗。。。</a><br>

   <a href='#'>2.我去广西。。。</a><br>

    <a href='#'>3.来广东好不。。</a><br>

<a href='#'>4.南宁可以吗。。</a><br>

 <a href='#'>5.柳州螺丝粉。。</a><br>

  <a href='#'>6.好吃吗。。。。</a><br>

   <a href='#'>7.飞鹅路。。。</a><br>

<a href='#'>8.文雅的  。。。</a><br>

 <a href='#'>9.金弘大厦。。</a><br>

 </p>

 <p id='p2'></p>

 <script>

 var div1=document.getElementById('div1'),

     p1=document.getElementById('p1'),

p2=document.getElementById('p2');

p2.innerHTML=p1.innerHTML;

ti=50;

function scrollup(){

    if(div1.scrollTop>=p1.offsetHeight){

  div1.scrollTop=0;

}else{

  div1.scrollTop++;

}

}

var time=setInterval('scrollup()',ti);

div1.onmouseover=function(){

     clearInterval(time);

}

div1.onmouseout=function(){

    time=setInterval('scrollup()',ti);

}

</script>

</div>

</body>

</html>


正在回答

2 回答

当然不是 一般情况下如果script在head标签里,就必须要用window.onload

0 回复 有任何疑惑可以回复我~
#1

new新的开始 提问者

非常感谢!
2016-11-30 回复 有任何疑惑可以回复我~

window.onload表示页面加载完后执行脚本程序。当js代码在body体内时,在页面加载过程中就被执行。注意:js代码访问元素时,若js所在位置在元素声明之前,则需添加window.onload.

0 回复 有任何疑惑可以回复我~
#1

new新的开始 提问者

意思 是放在style标签里。。就有用window.onload 这个。。是这个意思吗
2016-11-30 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
信息滚动效果制作
  • 参与学习       47735    人
  • 解答问题       333    个

萌妹子带您快速学习滚动效果,掌握无缝滚动和歇间性滚动的制作方法

进入课程

不是说js代码不会自己运行吗。。为什么这里没有window.onload他也可以自己执行呢

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号