flex中實現marquee效果(由下而上滾動)

2021-04-13 02:03:56 字數 1434 閱讀 6298

最近做乙個小專案需要用到這個效果,今天專案完成,將這個效果拿出與大家分享。原理其實就是使用乙個text(或者textarea)控制項,然後新增乙個move效果,使text控制項向上移動。其中關鍵的一點是:在creationcomplete事件中獲取控制項高度,否則會出現高度誤差偏大。源**如下:

="公告欄"

fontsize

="13"

horizontalcenter

="0"

verticalcenter

="0"

>

<

mx:canvas 

id="cs"

width

="100%"

height

="100%"

left

="0"

top="0"

verticalscrollpolicy

="off"

mouseover

="move_pause()"

mouseout

="move_resume()"

>

<

mx:text 

id="tt"

width

="94%"

horizontalcenter

="0"

text

="表面上看,文字由下向上滾動,其實是text控制項在滾動。"

verticalcenter

="0"

>

mx:text

>

mx:canvas

>

mx:panel

>

>

補充marquee滾動,實現無縫

想必大家都注意到的不迴圈滾動,所以出現了很多替代指令碼,或iframe或js輸出,不管怎麼做,都略顯麻煩。下面說一下這個相對簡單的實現思路 乙個設定寬度並且隱藏超出它寬度的內容的容器demo,裡面放demo1和demo2,demo1是滾動內容,demo2為demo1的直接轉殖,通過不斷改變demo1...

借助marquee實現彈幕效果

html標籤marquee實現滾動效果 基於此,實現簡易版 彈幕 p 竟然還有文字識別!p div br div class danmu p 這家 的書就是好 p div br div class danmu p 為啥都是計算機的書?p div br div class danmu p 還有手機版!...

HTML中marquee標籤的使用

html5之前,marquee作為滾動標籤被經常使用,具體用法如下 預設向左滾動 選項 1 beh ior 滾動的方式 alternate 表示在兩端之間來回滾動。scroll 表示由一端滾動到另一端,會重複。slide 表示由一端滾動到另一端,不會重複。2 direction 滾動的方向 down...