|
|
一、源代码：
现将在滚动条里插入背景图片、竖排文字和文本滚动的源代码发布如下：
<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>『图片来自网络，略有剪切。』</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> 风筝莫等三春放，<BR><BR> 重九飞鸢醉八仙！</B></FONT></MARQUEE></DIV></TD></TR></TBODY>
</TABLE>
</CENTER>
</DIV>
</DIV>
</DIV>
注意：如果你想得到上面的博文编辑效果，你可以点击鼠右键，在下拉菜单里选“复制”，将上面不同颜色的源代码全部复制下来，然后打开你的博文编辑器，勾选“显示源代码”，再点击鼠右键，在下拉菜单里选“粘贴”，把复制的源代码粘贴到源代码编辑器，然后点“发布文件”按钮就可以了。
二、附：源代码说明：
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>部分分管滚动条设置。其中的WRITING-MODE: tb-rl;分管竖排文字。
3、<DIV align=center>……</DIV>部分分管滚动条里面的背景图片和竖排文字居中。
4、<CENTER>……</CENTER>部分是分管整个页面居中的。
5、<P><FONT size=3>
<MARQUEE scrollAmount=1 behavior=alternate>『图片来自网络，略有剪切。』</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指图片的宽度，数值可以变动。
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> 风筝莫等三春放，<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）在你的博文编辑器里首先用鼠标选定插入位置（在滚动条之外），点“插入图片”，在弹出的“插入图片”对话框里选“博客图片”，然后点“插入图片”按钮。
（2）图片插入后，勾选编辑器左下左的“显示源代码”复选框，从众源代码里找到你刚才插入的图片的路径及图片名称，并把图片名称复制下来，然后找到滚动条里原有的图片路经及图片名称，并把原有的图片名称删除，粘贴上你新插入的图片名称即可。
（3）、比如，原有图片路径是BACKGROUND="http://image25.360doc.com/DownloadImg/2011/03/2819/10429897_1.jpg，图片名称是5e6a6c7dt93e8e5baa1fb
你插入的图片路径是url=http://s5.sinaimg.cn/orignal/3fe67bd9x946ec0dae894，图片名称是3fe67bd9x946ec0dae894，你用后者替代前者就可以了。
（4）、需要注意的是，你插入的图片代码名称后面如果有&符号，只复制符号前面的那才是图片的名称。
（5）、注意插入图片要和原图原大小一样，如不一样，请改宽高数字。
总之，源代码里面的标示符号就是机算机发出的指令，要求非常严格，连一个标点符号就不能错。所以，初学者要“谨言慎行”。如一时搞不懂，可以先搞个“拿来主义”，照抄照搬即可。
