|
|
一、源代碼：
現(xiàn)將在滾動條里插入背景圖片、豎排文字和文本滾動的源代碼發(fā)布如下：
<DIV align=center>
<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #99cc33; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 660px; SCROLLBAR-SHADOW-COLOR: #ffd700; SCROLLBAR-3DLIGHT-COLOR: #ff7f50; SCROLLBAR-ARROW-COLOR: #ffd700; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffff00; WRITING-MODE: tb-rl; HEIGHT: 420px; BACKGROUND-COLOR: #ffffcc" align=left>
<DIV align=center>
<CENTER>
<P><FONT size=3>
<MARQUEE scrollAmount=1 behavior=alternate>『圖片來自網(wǎng)絡(luò)，略有剪切。』</MARQUEE></FONT></P>
<TABLE height=400 cellSpacing=0 cellPadding=0 width=600 background=http://image25.360doc.com/DownloadImg/2011/03/2819/10429897_1.jpg border=0>
<TBODY>
<TR>
<TD width=575>
<P align=right> </P>
<DIV style="WRITING-MODE: tb-rl">
<MARQUEE scrollAmount=1 scrollDelay=9 direction=up width=575 height=370 BORDER="0"><FONT face=楷體_gb2312 color=#ffffff size=6><B>七絕<BR><BR> 秋鳶<BR><BR> 白叟黃童一線牽，<BR><BR> 天高云淡舞翩躚。<BR><BR> 風(fēng)箏莫等三春放，<BR><BR> 重九飛鳶醉八仙！</B></FONT></MARQUEE></DIV></TD></TR></TBODY>
</TABLE>
</CENTER>
</DIV>
</DIV>
</DIV>
注意：如果你想得到上面的博文編輯效果，你可以點(diǎn)擊鼠右鍵，在下拉菜單里選“復(fù)制”，將上面不同顏色的源代碼全部復(fù)制下來，然后打開你的博文編輯器，勾選“顯示源代碼”，再點(diǎn)擊鼠右鍵，在下拉菜單里選“粘貼”，把復(fù)制的源代碼粘貼到源代碼編輯器，然后點(diǎn)“發(fā)布文件”按鈕就可以了。
二、附：源代碼說明：
1、<DIV align=center>……</DIV>部分分管滾動條居中。
2、<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #99cc33; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 660px; SCROLLBAR-SHADOW-COLOR: #ffd700; SCROLLBAR-3DLIGHT-COLOR: #ff7f50; SCROLLBAR-ARROW-COLOR: #ffd700; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffff00; WRITING-MODE: tb-rl; HEIGHT: 420px; BACKGROUND-COLOR: #ffffcc" align=left>……</DIV>部分分管滾動條設(shè)置。其中的WRITING-MODE: tb-rl;分管豎排文字。
3、<DIV align=center>……</DIV>部分分管滾動條里面的背景圖片和豎排文字居中。
4、<CENTER>……</CENTER>部分是分管整個頁面居中的。
5、<P><FONT size=3>
<MARQUEE scrollAmount=1 behavior=alternate>『圖片來自網(wǎng)絡(luò)，略有剪切?！?lt;/MARQUEE></FONT></P>部分是分管右邊框中的豎排文字上下移動的。<MARQUEE scrollAmount=1 behavior=alternate>……</MARQUEE>移動代碼，如不需要，可以刪除，只留文字。
6、<TABLE height=400 cellSpacing=0 cellPadding=0 width=600 background=http://image25.360doc.com/DownloadImg/2011/03/2819/10429897_1.jpg border=0>
……</TABLE>部分是分管背景圖片的。background=http://image25.360doc.com/DownloadImg/2011/03/2819/10429897_1.jpg是所插背景圖片的路徑和圖片名。 其中height=400代表圖片的高度。width=600指圖片的寬度，數(shù)值可以變動。
7、<TBODY>
<TR>
<TD width=575>
<P align=right> </P>
<DIV style="WRITING-MODE: tb-rl">
<MARQUEE scrollAmount=1 scrollDelay=9 direction=up width=575 height=370 BORDER="0"><FONT face=楷體_gb2312 color=#ffffff size=6><B>七絕<BR><BR> 秋鳶<BR><BR> 白叟黃童一線牽，<BR><BR> 天高云淡舞翩躚。<BR><BR> 風(fēng)箏莫等三春放，<BR><BR> 重九飛鳶醉八仙！</B></FONT></MARQUEE></DIV></TD></TR></TBODY>部分分管豎排文字及其向右移動。其中的<MARQUEE scrollAmount=1 scrollDelay=9 direction=up width=575 height=370 BORDER="0">……</MARQUEE>是分管向右移動的。如將其刪除，文本文字就不移動了。<DIV style="WRITING-MODE: tb-rl">是管文字豎排的源代碼，無此，則成橫排。
8、將背景圖片插入滾動條里的步驟如下：
（1）在你的博文編輯器里首先用鼠標(biāo)選定插入位置（在滾動條之外），點(diǎn)“插入圖片”，在彈出的“插入圖片”對話框里選“博客圖片”，然后點(diǎn)“插入圖片”按鈕。
（2）圖片插入后，勾選編輯器左下左的“顯示源代碼”復(fù)選框，從眾源代碼里找到你剛才插入的圖片的路徑及圖片名稱，并把圖片名稱復(fù)制下來，然后找到滾動條里原有的圖片路經(jīng)及圖片名稱，并把原有的圖片名稱刪除，粘貼上你新插入的圖片名稱即可。
（3）、比如，原有圖片路徑是BACKGROUND="http://image25.360doc.com/DownloadImg/2011/03/2819/10429897_1.jpg，圖片名稱是5e6a6c7dt93e8e5baa1fb
你插入的圖片路徑是url=http://s5.sinaimg.cn/orignal/3fe67bd9x946ec0dae894，圖片名稱是3fe67bd9x946ec0dae894，你用后者替代前者就可以了。
（4）、需要注意的是，你插入的圖片代碼名稱后面如果有&符號，只復(fù)制符號前面的那才是圖片的名稱。
（5）、注意插入圖片要和原圖原大小一樣，如不一樣，請改寬高數(shù)字。
總之，源代碼里面的標(biāo)示符號就是機(jī)算機(jī)發(fā)出的指令，要求非常嚴(yán)格，連一個標(biāo)點(diǎn)符號就不能錯。所以，初學(xué)者要“謹(jǐn)言慎行”。如一時搞不懂，可以先搞個“拿來主義”，照抄照搬即可。
