第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /信息滾動效果制作

鼠標(biāo)移入移出為什么鼠標(biāo)在box里面移動的時間文字會滾動？

<script type="text/javascript">

? window.onload=function(){

?var timer1=null;

timer1=setTimeout('startMove()',2000);

};?

var area=document.getElementById('box');

//var con1=document.getElementById('con1');

//var con2=document.getElementById('con2');

var iLiHeight=24;

var timer=null;

area.scrollTop=0;

area.innerHTML+=area.innerHTML;

var speed=50;

var delay=2000;

function startMove(){

area.scrollTop++;

timer=setInterval('scrollUp()',speed);

}

function scrollUp(){

if(area.scrollTop%iLiHeight==0){

clearInterval(timer);

timer1=setTimeout('startMove()',delay);

}else{

area.scrollTop++;

if(area.scrollTop>=area.scrollHeight/2)

{

?area.scrollTop=0;

}

}

}

area.onmouseover=function(){

? clearInterval(timer);

clearInterval(timer1);

}

area.onmouseout=function(){

? clearInterval(timer);

? ?clearInterval(timer1);

? startMove();

?

}

? ? </script>

慕粉18813290620

2016-08-04

源自：信息滾動效果制作 3-3

關(guān)注問題我要回答

1080

操作

收起

4 回答

慕粉3698897 回答被采納 +3 積分
2016-08-05

area.onmouseover=function(){

? clearInterval(timer);

clearTimeout(timer1);

}

area.onmouseout=function(){

? clearInterval(timer);

? ?clearTimeout(timer1);

timer =?setInterval("scrollUp()",speed);

?

}

0 回復(fù) 有任何疑惑可以回復(fù)我~

#1

慕粉18813290620 提問者

鼠標(biāo)在盒子里面不斷移動，文字依然會動

2016-08-10 回復(fù) 有任何疑惑可以回復(fù)我~

#2

如果我不清除setTimeout，鼠標(biāo)移出時就有問題，滾動的速度會加快。這是為什么啊

2016-08-16 回復(fù) 有任何疑惑可以回復(fù)我~

tanglj22
2016-08-16

如果我不清除setTimeout，鼠標(biāo)移出時就有問題，滾動的速度會加快。

這是為什么啊

0 回復(fù) 有任何疑惑可以回復(fù)我~

慕粉3698897
2016-08-10

你看看是不是js以外的地方有問題，我的全部代碼是這樣的，鼠標(biāo)在盒子里面移動，文字是一直靜止的。我用的是谷歌瀏覽器，不知道和這個有沒有關(guān)系。

<!DOCTYPE?html>
<html?lang="en">
<head>
????<meta?charset="UTF-8">
????<title>Title</title>
<style>
????*{margin:?0;
????????padding:0}
????.content{
????????width:?400px;
????????margin:100px?auto;
????????border:?5px?solid?rgba(0,0,0,0.4);
????????border-radius:?20px;
????????overflow:?hidden;
????????box-shadow:?2px?0?5px?rgba(0,0,0,0.3);

????}
????#head{
????????width:?100%;

????????background-image:-webkit-gradient(linear,?left?top,left?bottom,color-stop(0,#f05e6f),color-stop(1,#c9394a));
????????color:?#FFF;
????????height:80px;
????????font-weight:?500;
????????font-family:?"微軟雅黑";
????}
????#moocTitle{
????????padding-left:?20px;
????????font-size:?24px;
????????line-height:?80px;
????????margin:0;
????????overflow:?hidden;
????}
????#head?a,#head?a:hover,#head?a:link{
????????text-decoration:?none;
????????color:#fff;
????????font-size:?18px;
????????float:?right;
????????padding:15px;
????}
????#box{
????????margin:?10px?30px;
????????height:144px;
????????overflow:?hidden;
????}
????ul,li{
????????list-style:?none;
????????width:100%;
????????padding:0;
????????display:?block;
????}
????li{
????????font-size:?13px;
????????height:24px?;
????????line-height:?24px;
????????width:100%;
????}
????li?a,li?a:hover,li?a:link{
????????text-decoration:?none;
????????color:#5e5e5e;
????????float:left;
????????width:180px;
????????height:24px?;
????????overflow:?hidden;
????????display:?block;
????}
????li?span{
????????float:?right;
????????color:#999;
????}
</style>
</head>
<body>

<div?class="content">
????<div?id="head"><h3?id="moocTitle">最新課程<a?href="#"?target="_self">更多>></a>?</h3></div>
????<div?id="box">
????????<ul?id="con1">
????????????<li><a?href="#">1.學(xué)會html5?絕對的屌絲逆襲（案例）</a><span>2013-10-09</span></li>
????????????<li><a?href="#">2.tab頁面切換效果（案例）</a><span>2013-10-09</span></li>
????????????<li><a?href="#">3.圓角水晶按鈕制作（案例）</a><span>2013-10-21</span></li>
????????????<li><a?href="#">4.HTML+CSS基礎(chǔ)課程(系列)</a><span>2013-11-01</span></li>
????????????<li><a?href="#">5.分頁頁碼制作（案例）</a><span>2013-11-06</span></li>
????????????<li><a?href="#">6.導(dǎo)航條菜單的制作（案例）</a><span>2013-11-08</span></li>
????????????<li><a?href="#">7.信息列表制作(案例)</a><span>2013-11-15</span></li>
????????????<li><a?href="#">8.下拉菜單制作(案例)</a><span>2013-11-22</span></li>
????????????<li><a?href="#">9.如何實現(xiàn)“新手引導(dǎo)”效果</a><span>2013-12-06</span></li>
????????</ul>
????????<!--<ul?id="con2">-->
????????<!--</ul>-->
????</div>
</div>

<script?type="text/javascript">
????window.onload=function(){
????????var?timer1=null;
????????timer1=setTimeout('startMove()',2000);
????};
????var?area=document.getElementById('box');
????//var?con1=document.getElementById('con1');
????//var?con2=document.getElementById('con2');
????var?iLiHeight=24;
????var?timer=null;
????area.scrollTop=0;
????area.innerHTML+=area.innerHTML;
????var?speed=50;
????var?delay=2000;
????function?startMove(){
????????area.scrollTop++;
????????timer=setInterval('scrollUp()',speed);
????}
????function?scrollUp(){
????????if(area.scrollTop%iLiHeight==0){
????????????clearInterval(timer);
????????????timer1=setTimeout('startMove()',delay);
????????}else{
????????????area.scrollTop++;
????????????if(area.scrollTop>=area.scrollHeight/2)
????????????{
????????????????area.scrollTop=0;
????????????}
????????}
????}
????area.onmouseover=function(){
????????clearInterval(timer);
????????clearTimeout(timer1);

????};
????area.onmouseout=function(){
????????clearInterval(timer);
????????clearTimeout(timer1);
????????timer?=?setInterval("scrollUp()",speed);

????};
</script>
</body>

</html>

0 回復(fù) 有任何疑惑可以回復(fù)我~

喝牛奶對身體好
2016-08-04

timer1變量賦值的是setTimeout函數(shù)，應(yīng)該用clearTimeout

0 回復(fù) 有任何疑惑可以回復(fù)我~

#1

慕粉18813290620 提問者

依然解決不了

2016-08-10 回復(fù) 有任何疑惑可以回復(fù)我~

舉報

0/150

提交

取消

信息滾動效果制作

參與學(xué)習(xí) 47740 人
解答問題 333 個

萌妹子帶您快速學(xué)習(xí)滾動效果，掌握無縫滾動和歇間性滾動的制作方法

鼠標(biāo)移入移出為什么鼠標(biāo)在box里面移動的時間文字會滾動？

我要回答關(guān)注問題

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號

<sub id="kfk7b"></sub>