【聊代碼】第十六集：移動標籤（之四）|老小孩博文

代碼：＜table border="15" bordercolor="marroon" class="ke-zeroborder" height="550" width_="720"＞ ＜tbody＞ ＜tr＞ ＜td background="http://img1.oldkids.cn/upload/2017/11/08/blog_20171108141725512.jpg"＞＜marquee scrollamount="3" width:650px=""＞ ＜span style="font-family:黑體;color:red;font-size:30px;"＞橫列式滾動字幕＜/span>＜/marquee＞ ＜p align="center"＞＜marquee direction="up" height="390" scrollamount="2" scrolldelay="100" style="width:600px;height:390px;" width_="600"＞＜br /＞ ＜strong＞＜span style="font-family:楷體_GB2312;color:#ff00ff;font-size:30px;"＞????????靜翠湖＜br /＞ ＜br /＞ ＜br /＞ ??靜翠湖在香山公園東門內左側，唯其南＜br /＞ ＜br /＞ 面峰高，西，北兩面為緩坡，東面為下坡。＜br /＞ ＜br /＞ 湖西 畔有對瀑亭，岩壁上流下的泉水，經＜br /＞ ＜br /＞ 亭下淌入湖中。湖如盆底，四周樹木蒼翠，＜br /＞ ＜br /＞ 湖平若 鏡，尤其秋季，萬物色彩斑斕，如＜br /＞ ＜br /＞ 詩如畫。 此處為靜宜園二十八景之一。＜br /＞ ＜br /＞ ＜br /＞ ＜br /＞ ????亂石懸水聲濺濺，＜br /＞ ＜br /＞ ????高杪喧鶯語關關。＜br /＞ ＜br /＞ ????對瀑亭下泉隱隱，＜br /＞ ＜br /＞ ????靜湖環翠綠芊芊。＜br /＞ ＜br /＞ ＜strong＞＜span style="font-family:楷體_GB2312;color:#ff00ff;font-size:30px;"＞????????——海特行者＜/span＞＜/strong＞＜/span＞＜/span＞＜/strong＞＜/marquee＞＜/p＞ ＜/td＞ ＜/tr＞ ＜/tbody＞ ＜/table＞代碼解析：這是使用向上移動的最簡單標籤，多行文字，加個換行標籤＜br /＞可換行，多加則增大行距。在文字前或文字間加代碼

可在字前留空位和擴大字間間隙，數目不限，加的越多，空位或間隙越大。（十六）豎列式滾動字幕：豎列式滾動字幕 ?????紫薇花（二首）紅 薇 恣 意 開，不 由 東 君 主。獨 戀 三 伏 日，開 遍 滿 京 都。繁 枝 凌 夏 暑，赤 體 傲 冬 寒。輕 風 搖 作 舞，一 笑 百 天 歡。代碼：＜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表示字行從右向左排列。通過對以上幾種文字移動效果的討論，我們可以得出這樣的結論：利用移動屬性屬值（移動方式、移動方向、移動速度、移動範圍）的變化以及它們之間的配合會產生各式各樣的效果。希望初學代碼的朋友更要多多練習，只要掌握了要領，一定能搞出別有趣味的新東西來，這對後面探討圖片移動是有幫助的。
推薦閱讀：