当前位置:K88软件开发文章中心编程语言JavaScriptJS01 → 文章内容

不断滚动的新闻代码

减小字体 增大字体 作者:dh20156     来源:asp编程网  发布时间:2018-12-30 8:56:51

<
style>

.dhMarquee 

{width:100px
height:108px
text-align:left
margin:0px
padding:0px
border:1px 
solid 

#000
overflow:hidden
white-space:nowrap


.mqdemo 

{margin:0px
padding:0px
border:0px
}
.dhScrollA 

{font-size:12px
display:block
padding:2px
}
<
/style>
 

<
div 
id="
mq"
 
class="
dhMarquee"
 
onmouseover="
iScrollAmount=0"
 
onmouseout="
iScrollAmount=1"
>

<
div 
id="
mqdemo"
 
class="
mqdemo"
>

<

class="
dhScrollA"
 
href="
javascript:alert(&
#39
1&
#39
)"
>
月圆之夜1<
/a>

<

class="
dhScrollA"
 
href="
javascript:alert(&
#39
2&
#39
)"
>
紫禁之颠2<
/a>

<

class="
dhScrollA"
 
href="
javascript:alert(&
#39
3&
#39
)"
>
西门吹雪3<
/a>

<

class="
dhScrollA"
 
href="
javascript:alert(&
#39
4&
#39
)"
>
天外飞仙4<
/a>

<

class="
dhScrollA"
 
href="
javascript:alert(&
#39
5&
#39
)"
>
太阳之夜5<
/a>

<

class="
dhScrollA"
 
href="
javascript:alert(&
#39
6&
#39
)"
>
紫禁之谷6<
/a>

<

class="
dhScrollA"
 
href="
javascript:alert(&
#39
7&
#39
)"
>
西门吹风7<
/a>

<

class="
dhScrollA"
 
href="
javascript:alert(&
#39
8&
#39
)"
>
天外飞碟8<
/a>

<

class="
dhScrollA"
 
href="
javascript:alert(&
#39
1&
#39
)"
>
月圆之夜9<
/a>

<

class="
dhScrollA"
 
href="
javascript:alert(&
#39
2&
#39
)"
>
紫禁之颠10<
/a>

<

class="
dhScrollA"
 
href="
javascript:alert(&
#39
3&
#39
)"
>
西门吹雪11<
/a>

<

class="
dhScrollA"
 
href="
javascript:alert(&
#39
4&
#39
)"
>
天外飞仙12<
/a>

<

class="
dhScrollA"
 
href="
javascript:alert(&
#39
5&
#39
)"
>
太阳之夜13<
/a>

<

class="
dhScrollA"
 
href="
javascript:alert(&
#39
6&
#39
)"
>
紫禁之谷14<
/a>

<

class="
dhScrollA"
 
href="
javascript:alert(&
#39
7&
#39
)"
>
西门吹风15<
/a>

<

class="
dhScrollA"
 
href="
javascript:alert(&
#39
8&
#39
)"
>
天外飞碟16<
/a>

<
/div>

<
/div>

<
script 
language="
javascript"
>
 

var 
speed 

30
 

//滚动对象 

var 
oMarquee 

document.getElementById("
mq"
)

//内容对象 

var 
omqdemo 

document.getElementById("
mqdemo"
)

var 


oMarquee.offsetHeight

var 
odl 

omqdemo.offsetHeight

var 


parseInt(h/odl)+1

for(var 
i=0
i<
x
i++)
{
var 


omqdemo.cloneNode(true)

oMarquee.appendChild(o)

}
var 
iScrollAmount 

1
var 
myMar

function 
scroll()
{
oMarquee.scrollTop 
+= 
iScrollAmount

var 
ol 

oMarquee.scrollTop

if(odl-ol<
=0)
{
window.clearTimeout(myMar)

oMarquee.scrollTop 

0

}else
{
if(ol%h!=0)
{
myMar 

window.setTimeout(scroll,speed)

}else
{
window.clearTimeout(myMar)

}
}
}
var 


6000

function 
clipShow()
{
scroll()

window.setTimeout(clipShow,t)

}
window.setTimeout(clipShow,t)

<
/script>



不断滚动的新闻代码