利用定時器延時輸出和滾動顯示

在剛到公司讓用Java做一個抽獎系統。要用到滾動顯示參與的人員名單,和延時輸出的效果。沒有接觸過,經摸索還是做出來了但是前臺的頁面佈局不好顯示效果還是不怎麼好的。下面來說明一下我們遇到的題和解決辦法。

1、滾動顯示;

2、延時輸出;

3、js獲取回臺的list數據;


1、滾動顯示

<marquee  behavior="scroll" direction="up" width="310px" height="180px"  scrollamount="30" style="text-align: center;">
"常德雙雄家電銷售有限公司<br>常德市武陵鎮橋頭社區個體戶戴躍武<br>常德市武陵鎮善卷社區個體戶曾憲平<br>孟子電子元件經營部","常德市金穗農業發展中心<br>常德市武陵鎮渡口社區隆陽路個體戶朱文選<br>常德市武陵鎮永安社區個體戶劉娟<br>常德市武陵鎮永安社區個體戶譚中波<br>武陵鎮芙蓉源商務賓館","武陵鎮文敏摩托車經營部<br>常德市武陵鎮善卷社區個體戶趙新鐵<br>鬥姆湖鎮圩場個體戶熊瑞堂<br>武陵鎮國萍家電經營部<br>
</marquee>

◎ direction表示滾動的方向,值可以是left,right,up,down,默認爲left
◎ behavior表示滾動的方式,值可以是scroll(連續滾動)slide(滑動一次)alternate(往返滾動)
◎ loop表示循環的次數,值是正整數,默認爲無限循環
◎ scrollamount表示運動速度,值是正整數,默認爲6
◎ scrolldelay表示停頓時間,值是正整數,默認爲0,單位似乎是毫秒
◎ align表示元素的垂直對齊方式,值可以是top,middle,bottom,默認爲middle
◎ bgcolor表示運動區域的背景色,值是16進制的RGB顏色,默認爲白色
◎ height、width表示運動區域的高度和寬度,值是正整數(單位是像素)或百分數,默認width=100% height爲標籤內元素的高度
◎ hspace、vspace表示元素到區域邊界的水平距離和垂直距離,值是正整數,單位是像素。
◎ onmouseover=this.stop() onmouseout=this.start()表示當鼠標以上區域的時候滾動停止,當鼠標移開的時候又繼續滾動。

可以根據需求選擇需要的屬性進行設計。

2、延時輸出;

文章未寫完待續。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章