代碼:<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;">橫列式滾動(dòng)字幕</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 /> ??靜翠湖在香山公園東門(mén)內(nèi)左側(cè),唯其南<br /> <br /> 面峰高,西,北兩面為緩坡,東面為下坡。<br /> <br /> 湖西 畔有對(duì)瀑亭,巖壁上流下的泉水,經(jīng)<br /> <br /> 亭下淌入湖中。湖如盆底,四周樹(shù)木蒼翠,<br /> <br /> 湖平若 鏡,尤其秋季,萬(wàn)物色彩斑斕,如<br /> <br /> 詩(shī)如畫(huà)。 此處為靜宜園二十八景之一。<br /> <br /> <br /> <br /> ????亂石懸水聲濺濺,<br /> <br /> ????高杪喧鶯語(yǔ)關(guān)關(guān)。<br /> <br /> ????對(duì)瀑亭下泉隱隱,<br /> <br /> ????靜湖環(huán)翠綠芊芊。<br /> <br /> <strong><span style="font-family:楷體_GB2312;color:#ff00ff;font-size:30px;">????????——海特行者</span></strong></span></span></strong></marquee></p> </td> </tr> </tbody> </table>
代碼解析:這是使用向上移動(dòng)的最簡(jiǎn)單標(biāo)簽,多行文字,加個(gè)換行標(biāo)簽<br />可換行,多加則增大行距。在文字前或文字間加代碼
(十六)豎列式滾動(dòng)字幕:
代碼:<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;">豎列式滾動(dòng)字幕</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;">???紅 薇 恣 意 開(kāi),<br /> <br /> ???不 由 東 君 主。<br /> <br /> ???獨(dú) 戀 三 伏 日,<br /> <br /> ???開(kāi) 遍 滿(mǎn) 京 都。<br /> <br /> <br /> <br /> <br /> ???繁 枝 凌 夏 暑,<br /> <br /> ???赤 體 傲 冬 寒。<br /> <br /> ???輕 風(fēng) 搖 作 舞,<br /> <br /> ???一 笑 百 天 歡。 </span></span></div> </marquee></td> </tr> </tbody> </table>
代碼解析: 因?yàn)橛形淖重Q列式標(biāo)簽<div style="FONT-SIZE: 30pt; WIDTH: 688px; WRITING-MODE: tb-rl; HEIGHT: 188px; TEXT-ALIGN: left">文字豎式排列代碼</div>,所以文字才能豎式排列。tb表示文字從上到下排列;rl表示字行從右向左排列。
通過(guò)對(duì)以上幾種文字移動(dòng)效果的討論,我們可以得出這樣的結(jié)論:利用移動(dòng)屬性屬值(移動(dòng)方式、移動(dòng)方向、移動(dòng)速度、移動(dòng)范圍)的變化以及它們之間的配合會(huì)產(chǎn)生各式各樣的效果。希望初學(xué)代碼的朋友更要多多練習(xí),只要掌握了要領(lǐng),一定能搞出別有趣味的新東西來(lái),這對(duì)后面探討圖片移動(dòng)是有幫助的。
|
|