【代碼應用】用代碼製作左圖右文動態圖
圖一
山高高,雲淡淡,總見山腰留青煙;路漫漫,日晃晃,總把朋友來思念;清明時節雨紛紛,難叫心扉巧周全;川桂山水無限好,更想網友情誼長。圖二
山高高,雲淡淡,總見山腰留青煙;路漫漫,日晃晃,總把朋友來思念;清明時節雨紛紛,難叫心扉巧周全;川桂山水無限好,更想網友情誼長。圖三
山高高,雲淡淡,總見山腰留青煙;路漫漫,日晃晃,總把朋友來思念;清明時節雨紛紛,難叫心扉巧周全;川桂山水無限好,更想網友情誼長。代碼:<div style="TEXT-ALIGN: center;"><font align="center"><div><table border="2" cellspacing="0" cellpadding="9" width_="650" bgcolor="#81ff10" align="center" height="300"> <tbody> <tr> <td align="left"> <table border="2" width_="400" bgcolor="#ff08ff" height="300"> <tbody> <tr> <td> <div align="center"> <marquee height="300" width_="400" scrollamount="3"> <marquee direction="right" height="300" width_="400" scrollamount="3"> <div align="center"><img src="https://www.getit01.com/getimg_360.php?url=http://image59.360doc.com/DownloadImg/2013/03/3006/31290161_4.jpg"> </div></marquee></marquee></div></td></tr></tbody></table></td> <td bgcolor="#8108ff" height="300" width_="250" align="right"> <p></p><div align="center"><font face="楷體_gb2312" size="4" color="#ffff00"><b>山高高,雲淡淡, </b></font></div><font face="楷體_gb2312"><b><font size="4" color="#ffff00"> </font><div align="center"><font size="4" color="#ffff00"> 總見山腰留青煙; <br></font><fonts><font size="4" color="#ffff00"> 路漫漫,日晃晃, <br></font><fonts><font size="4" color="#ffff00"> 總把朋友來思念; <br></font><fonts><font size="4" color="#ffff00"> 清明時節雨紛紛, <br></font><fonts><font size="4" color="#ffff00"> 難叫心扉巧周全; <br></font><fonts><font size="4" color="#ffff00"> 川桂山水無限好, <br></font><fonts><font size="4" color="#ffff00"> 更想網友情誼長。</font><br></fonts></fonts></fonts></fonts></fonts></fonts></div></b><br></font></td></tr></tbody></table></div></font></div>註:(1)紅色代碼是背景圖片地址,(2)綠色的地方寫上你想寫的字,(3)藍色代碼是顏色代碼可自行調整。
推薦閱讀:
※在線書架代碼之四
※幾組製作代碼音動畫的代碼
※HTML初級教程(一)所有的代碼和操作方法 - Qzone日誌
※simditor + highlight.js實現代碼高亮
※【聊代碼】第十六集:移動標籤(之四)|老小孩博文