夜夜爽妓女8888视频免费观看-久久精品国产一区二区三区四区-一本色道久久综合亚洲精品不卡-婷婷五月深深久久精品-亚洲精品在线-亚洲日韩欧美一区二区三区-精品视频二区三区-h无码动漫在线观看-蜜桃产品一区一区三区MV-色综合网天天综合色中文男男-全是啪啪的精彩小说全集,亚洲日产资源,神馬影院午夜理论片在线观看,国产美女视频黄是免费

網(wǎng)頁制作圖片或文字滾動鼠標(biāo)經(jīng)過停止?jié)L動效果

更新時間:2018-06-21   文章分類:網(wǎng)頁技術(shù)課堂

方法一:MARQUEE是最簡單的一種,把要想滾動的內(nèi)容放到<marquee></marquee>中,代碼如下:

<marquee behavior="scroll" align="middle" direction="right" onmouseover="this.stop()" onmouseout="this.start()">
這里可以放圖片或者文字
</marquee>

標(biāo)簽內(nèi)的direction="xxx"  可以替換為 up down left right


方法二:用js+div來寫,稍微復(fù)雜些
<div id=cfdemo style="overflow: hidden; width: 100%; height: 120px">
<table cellspacing=0 cellpadding=0 align=left border=0 cellspace="0">
<tbody>
<tr>
<td id=cfdemo1>
要滾動的內(nèi)容,這個滾動是不間隔的滾動
</td>
<td id=cfdemo2 width=10></td></tr></tbody></table></div>


<script>
var speed=20; //改變該數(shù)值可改變滾動速度,數(shù)值越小,速度越快
cfdemo2.innerhtml=cfdemo1.innerhtml
function cfmarquee(){
if(cfdemo2.offsetwidth-cfdemo.scrollleft<=0)
cfdemo.scrollleft-=cfdemo1.offsetwidth
else{
cfdemo.scrollleft++
}
}
var cfmar=setinterval(cfmarquee,speed)
cfdemo.onmouseover=function() {clearinterval(cfmar)}
cfdemo.onmouseout=function() {cfmar=setinterval(cfmarquee,speed)}
</script>

STU網(wǎng)頁公眾號

STU網(wǎng)頁設(shè)計專注于DW網(wǎng)頁設(shè)計制作,學(xué)生網(wǎng)頁設(shè)計作業(yè),簡單網(wǎng)頁模板下載,HTML靜態(tài)網(wǎng)頁成品,網(wǎng)頁設(shè)計代做,網(wǎng)站作品定制,網(wǎng)頁畢業(yè)設(shè)計制作,學(xué)生dreamweaver網(wǎng)頁成品...

qq code back_top

QQ掃碼咨詢

微信掃碼咨詢