【聊代碼】第十五集:移動標籤(之三)|老小孩博文
上集介紹了七種效果的文字移動代碼,本集接著介紹。 (八)跳躍前進效果:
代碼:<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歲小孩的屁股
※屬蛇的小孩起名宜忌用字
※准生證是什麼東西?廣西人生小孩都不需要了!