亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

信息滾動效果制作

難度初級
時長39分
學習人數
綜合評分9.63
488人評價 查看評價
9.8 內容實用
9.6 簡潔易懂
9.5 邏輯清晰

最贊回答 / qq_騎著蝸牛上高速_1
第一個因為是整個box都在在循環,雖然con2是克隆第一個的但是是為了無縫連接,所以整個box都要scrolltop=0,而不是對con1等于0;第二個 你參照老師畫的那個圖,當第一個con1完全上去以后就看不見了,這時就可以讓scrolltop=0 進行后續連接,當然你也可以等con2的最后一行快出來的時候另scrolltop=0,這段范圍都可另scrolltop=0;只不過offsetHeight好取值而已;

+ 我來回答 回答最高可+2積分

最新回答 / qq_Justcomplete_0402
<!DOCTYPE html><html lang="en"><head> ? ?<meta charset="UTF-8"> ? ?<title>Title</title> ? ?<style> ? ? ? ?div{width:400px; ? ? ? ?height:144px; ? ? ? ?background: red; ? ? ? ?position:relative; ? ? ? ?left:40%; ? ...

最新回答 / Dummy88
用到了,滾動都是marquee來做了,再滾動的基礎上添加了無縫效果

最新回答 / 橙子風
可以的,div中可以包含圖片元素進行輪播

最新回答 / 黃小凡
可以啊。我的都可以下載http://img1.sycdn.imooc.com//down/53a7de330001e3be00000000.zip

最新回答 / 慕粉091628941
修改每次滾動的長度,把長度變短,每次滾動后清除滾動。利用 setTimeout 再次啟動滾動,就形成了間歇性滾動。

最新回答 / 慕村1994845
css中的“#con1,con2{magrin:0px;}”改一下數值,或者直接不要,你的代碼就能動起來;還有css后面的<script>內只有一個var什么鬼,把這些去掉body中的script 中聲明變量記得加var

最新回答 / R_sober
http://caibaojian.com/css3-background-gradient.html

最贊回答 / 慕粉188111111
scrollTop是上方“不可見的內容”的高度, 無法大于內容本身的高。

最新回答 / Angel帝豪
即對象所在的距離相對于“可見內容”的最頂端之間的距離(個人理解)
課程須知
1.您至少具備HTML/CSS基礎知識; 2.您至少具備JavaSript基礎知識;
老師告訴你能學到什么?
1.學會<marquee>標簽及屬性,制作簡單信息滾動。 2.掌握無縫滾動原理,運用JavaScript實現效果。 3.通過設定定時時間,實現間歇性無縫滾動。

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消