【聊代碼】第十五集:移動標籤(之三)|老小孩博文

上集介紹了七種效果的文字移動代碼,本集接著介紹。 (八)跳躍前進效果:

跳躍前進效果

代碼:<marquee><marquee behavior="alternate" direction="up" style="height: 60px; width: 400px;"><font style="FONT-FAMILY: 黑體; COLOR: #0000ff; FONT-SIZE: 35pt"><b>跳躍前進效果</b></font></marquee></marquee>

代碼解析:將跳動效果的代碼前端加一個不含屬性的移動首標籤(<marquee>),即可獲此效果。

(九)起伏前進效果:

起伏前進效果

代碼:<marquee><marquee behavior="alternate" direction="up" height="100" style="height: 100px; width: 600px;" width_="600"><font style="FONT-FAMILY: 黑體; COLOR:#ffc20e ; FONT-SIZE: 35pt"><b>起伏前進效果</b></font></marquee></marquee>

代碼解析:將跳躍前進效果代碼中的移動範圍屬性(height: 60px;)改為(height: 100px;)增大一下移動高度,即可獲此效果。

(十)間歇式移動效果效果:

間歇式移動效果

代碼:<marquee scrollamount="6"><marquee behavior="alternate" direction="right" height="100" scrollamount="6" style="height: 100px; width: 600px;" width_="600"><font style="FONT-FAMILY: 黑體; COLOR:#ffc20e ; FONT-SIZE: 35pt"><b>間歇式移動效果</b></font></marquee></marquee>

代碼解析:在向右移動的標籤前,加一個含有移動速度屬性的移動首標籤。並且,在兩個移動標籤中,設置的移動速度屬值必須相同,即可獲此效果。

(十一)進一步停一步效果:

進一步停一步效果

代碼:<marquee><marquee behavior="alternate" direction="right" style="height: 60px; width: 400px;"><font style="FONT-FAMILY: 黑體; COLOR: #0000ff; FONT-SIZE: 35pt"><b>進一步停一步效果</b></font></marquee></marquee>

代碼解析:該效果的代碼可以說與間歇式效果代碼完全一樣,也要求兩個標籤中的速度屬性屬值等同,在此條件下把移動範圍的width值適當調小,即可獲此效果。

(十二)進兩步退一步效果:

進兩步退一步效果

代碼:<marquee scrollamount="1"><marquee behavior="alternate" direction="right" height="100" scrollamount="7" style="height: 100px; width: 600px;" width_="600"><font style="FONT-FAMILY: 黑體; COLOR:#ffc20e ; FONT-SIZE: 35pt"><b>進兩步退一步效果</b></font></marquee></marquee>

代碼解析:該效果的代碼可以說與間歇式效果代碼完全一樣,不同的是,要求兩個標籤中的速度屬性屬值一個最大,一個最小,即可獲此效果。

(十三)移動時快時慢效果:

移動時快時慢效果

代碼:<marquee><marquee behavior="alternate" scrollamount="2" style="width: 500px;" width_="500"><font style="FONT-FAMILY: 黑體; COLOR: #0000ff; FONT-SIZE: 35pt"><b>移動時快時慢效果</b></font></marquee></marquee>

代碼解析:速度屬性的屬值一個為「2」,一個為默認值「6」,即可獲此效果。

(十四)上下移動聚中間效果:

上下文字聚中間效果

上下文字聚中間效果

代碼:<marquee direction="down" height="100" scrollamount="6" style="height: 100px;"> <div align="center"><span style="font-size:35px;color:#ffc20e;font-family:黑體;">上下文字聚中間效果</span></div> </marquee> </span></span></p> <p><marquee direction="up" height="100" scrollamount="6" style="height: 100px;"> <div align="center"><span style="font-size:35px;color:#ffc20e;font-family:黑體;">上下文字聚中間效果</span></div> </marquee></p>

代碼解析:雙標籤(向上移動和向下移動)組合。


推薦閱讀:

自閉症小孩大都是由附體引起
小孩吃什麼有營養又長得高?
比不上3歲小孩的屁股
屬蛇的小孩起名宜忌用字
准生證是什麼東西?廣西人生小孩都不需要了!

TAG:代碼 | 標籤 | 小孩 | 移動 |