HTML中文字自動向上滾動

2022-02-10 14:55:24 字數 2547 閱讀 5930

<

html

>

<

head

>

<

title

>

文字自動向上滾動

佇立 在窗邊 凝視 人來人往 飄散的髮絲帶著微雨

a>

<

a href="

#">

似乎 它也在期待

a>

<

a href="

#">

期待他的出現

a>

<

a href="

#">

天空飄著幸福的微雨

a>

<

a href="

#">

空氣散發幸福的氣息

a>

<

a href="

#">

她的臉上 堆滿幸福的期待

a>

<

a href="

#">

雨無聲無息地下著

a>

<

a href="

#">

雨絲變成了雨滴

a>

<

a href="

#">

慢慢地 地面有了停留的雨水

a>

<

a href="

#">

她的他 卻始終沒有出現

a>

<

a href="

#">

她的臉溼了

a>

<

a href="

#">

她對自己說 那不是淚

a>

<

a href="

#">

只是被雨打濕了

a>

<

a href="

#">

她記得a

>

<

a href="

#">

記得他陪她一起淋雨

a>

<

a href="

#">

記得他陪她看過的日出日落

a>

<

a href="

#">

現在 陪著她的

a>

<

a href="

#">

只有無聲的雨

a>

<

a href="

#">

雨滴打在她的臉上

a>

<

a href="

#">

涼涼的 很冷 很冷

a>

div>

<

div id="

demo2

">

div>

div>

<

script

>

var speed=40

var demo

=document.getelementbyid(

"demo");

var demo2

=document.getelementbyid(

"demo2");

var demo1

=document.getelementbyid(

"demo1");

demo2.innerhtml

=demo1.innerhtml

function marquee()

}var mymar

=setinterval(marquee,speed)

demo.onmouseover

=function()

demo.onmouseout

=function()

script

>

body

>

html

>

自動向上滾動框的製作

隔一段時間慢慢向上滾動一段距離!如圖 img 保證不會出現回滾。即由最後乙個元素再滾到第乙個元素是向上滾動而不是向下。用ul來製作,乙個li相當於每次顯示的一行,滾到時的動畫效果用transition來製作。思路是設定顯示的這個元素的margintop值設定為他的行高的負值,一旦動畫完成就從ul中刪...

listview不會自動向上滾動,會遮蓋內容

在使用listview顯示聊天視窗時,彈出輸入法,listview不會自動向上滾動,會遮蓋內容,在manifest中的activity加入 1android windowsoftinputmode adjustresize 也無法解決問題。解決了我的問題。原來的listview布局如下 listvi...

javascript 文字無縫向上滾動

靜態 style height 30px overflow hidden id marquee 第1段p 第2段p 第3段p 第4段p 第5段p div div 解釋 首先最外層是乙個高度只有30px的層,這樣大概只能顯示一行文字。然後裡面有乙個 marquee的層,這個層包含了很多段文字,高度實際...