【聊代碼】第十六集:移動標籤(之四)|老小孩博文
可在字前留空位和擴大字間間隙,數目不限,加的越多,空位或間隙越大。(十六)豎列式滾動字幕:豎列式滾動字幕 ?????紫薇花(二首)紅 薇 恣 意 開,不 由 東 君 主。獨 戀 三 伏 日,開 遍 滿 京 都。繁 枝 凌 夏 暑,赤 體 傲 冬 寒。輕 風 搖 作 舞,一 笑 百 天 歡。代碼:<table border="15" bordercolor="marroon" class="ke-zeroborder" height="550" width_="720"> <tbody> <tr> <td background="http://image109.360doc.com/DownloadImg/2018/06/0321/134781602_2_20180603090521441.jpg"> <p></p> <p></p> <marquee scrollamount="3" style="width: 650px;" width_="650px"> <span style="font-family:黑體;color:red;font-size:30px;">豎列式滾動字幕</span></marquee ><marquee direction="right" scrollamount="3" style="width:680px;height:350pt;"> <div style="writing-mode:tb-rl;"><span style="font-size:30px;color:yellow;">?????紫薇花(二首)<br /> <br /> <br /> <span style="font-size:40px;color:yellow;">???紅 薇 恣 意 開,<br /> <br /> ???不 由 東 君 主。<br /> <br /> ???獨 戀 三 伏 日,<br /> <br /> ???開 遍 滿 京 都。<br /> <br /> <br /> <br /> <br /> ???繁 枝 凌 夏 暑,<br /> <br /> ???赤 體 傲 冬 寒。<br /> <br /> ???輕 風 搖 作 舞,<br /> <br /> ???一 笑 百 天 歡。 </span></span></div> </marquee></td> </tr> </tbody> </table>代碼解析: 因為有文字豎列式標籤<div style="FONT-SIZE: 30pt; WIDTH: 688px; WRITING-MODE: tb-rl; HEIGHT: 188px; TEXT-ALIGN: left">文字豎式排列代碼</div>,所以文字才能豎式排列。tb表示文字從上到下排列;rl表示字行從右向左排列。通過對以上幾種文字移動效果的討論,我們可以得出這樣的結論:利用移動屬性屬值(移動方式、移動方向、移動速度、移動範圍)的變化以及它們之間的配合會產生各式各樣的效果。希望初學代碼的朋友更要多多練習,只要掌握了要領,一定能搞出別有趣味的新東西來,這對後面探討圖片移動是有幫助的。
推薦閱讀:
※看不懂衣服標籤,你永遠也買不到好衣服
※糖友買食物看營養標籤 要關註標注能量的單位
※「美國窮人」的四大制度標籤
※想要毀掉一個人,就給他貼標籤
※讀懂標籤買對健康