制作表格背景閃動(dòng)效果
本節(jié)學(xué)習(xí)請(qǐng)參考海珠老師博客: 怎樣使表格的背景有閃動(dòng)的效果
在這里我們以制作2003 Word軟件教程學(xué)習(xí)為例,制作一個(gè)表格,帶文字鏈接,帶表格背景閃動(dòng)的效果:
首先打開(kāi)博客,點(diǎn)寫(xiě)日志,點(diǎn)源代碼,輸入表格的一些代碼:
<TABLE border=6 borderColor=#b15bff width=500 bgColor=#00ec00 height=40> <TBODY> <TR> <TD>1</TD></TR> <TR> <TD>1 </TD></TR> <TR> <TD>1 </TD></TR> <TR> <TD>1</TD></TR> <TR> <TD>1</TD></TR></TBODY></TABLE>
效果:
說(shuō)明: border 是表格的寬度。borderColor 是表格邊框的顏色,bgColor 是表格的背景顏色。注意C必須是大寫(xiě)輸入,否則不識(shí)別。Width 是寬度,height 是高度。根據(jù)需要設(shè)定。
點(diǎn)源代碼按扭,把第一行改成下列代碼:
<TR> <TD align=middle><FONT color=#ff00ff>2003 Word軟件教程學(xué)習(xí)</FONT></TD></TR>
說(shuō)明:align=middle 是對(duì)齊方式,文字居中代碼。FONT color=#ff00ff 是文字顏色的代碼。前面必須輸入 FONT,否則不識(shí)別。
把第二行到第五行輸入鏈接代碼,把數(shù)字1換成鏈接代碼,鏈接代碼如下:
<A href="鏈接地址" target=blank><FONT color=#ffffff size=1>頁(yè)面名稱</FONT></A>
換成后的代碼:
<TABLE border=6 borderColor=#b15bff width=500 bgColor=#00ec00 height=40> <TBODY> <TR> <TD align=middle><FONT color=#ff00ff>2003 Word軟件教程學(xué)習(xí)</FONT></TD></TR> <TR> <TD><A href="鏈接地址" target=blank><FONT color=#ffffff size=1>頁(yè)面名稱</FONT></A></TD></TR> <TR> <TD><A href="鏈接地址" target=blank><FONT color=#ffffff size=1>頁(yè)面名稱</FONT></A></TD></TR> <TR> <TD><A href="鏈接地址" target=blank><FONT color=#ffffff size=1>頁(yè)面名稱</FONT></A></TD></TR> <TR> <TD><A href="鏈接地址" target=blank><FONT color=#ffffff size=1>頁(yè)面名稱</FONT></A></TD></TR></TBODY></TABLE>
效果:
再點(diǎn)源代碼按扭,找到博客文章的網(wǎng)頁(yè),分別復(fù)制網(wǎng)址粘貼到鏈接地址欄里,注意引號(hào)保留。引號(hào)里邊的文字全部刪除,粘貼網(wǎng)址在引號(hào)里面。在頁(yè)面名稱里輸入博客文章的標(biāo)題,如下圖:
同樣方法,復(fù)制粘貼其它文章的網(wǎng)址和頁(yè)面名稱:
效果:
點(diǎn)發(fā)表日志,文字就是鏈接的,標(biāo)題不是鏈接的效果。
下一步作閃光的效果:
閃動(dòng)的代碼: background=http://image68.360doc.com/DownloadImg/2014/02/1617/39163226_9.gif 前面是圖片代碼,后面是閃動(dòng)圖片地址。
復(fù)制閃動(dòng)代碼,粘貼到表格代碼里:
<TABLE border=6 borderColor=#b15bff width=500 background=http://image68.360doc.com/DownloadImg/2014/02/1617/39163226_9.gif bgColor=#00ec00 height=40> <TBODY> <TR> <TD align=middle><FONT color=#ff00ff>2003 Word軟件教程學(xué)習(xí)</FONT></TD></TR> <TR> <TD><A href="http://b147020258.blog.163.com/blog/static/930144902012717114920220/" target=blank><FONT color=#ffffff size=2>1. 2003Word軟件學(xué)習(xí)</FONT></A></TD></TR> <TR> <TD><A href="http://b147020258.blog.163.com/blog/static/930144902012717115855397/" target=blank><FONT color=#ffffff size=2>2. 2003Word軟件學(xué)習(xí) </FONT></A></TD></TR> <TR> <TD><A href="http://b147020258.blog.163.com/blog/鏈接地址" target=blank><FONT color=#ffffff size=2>頁(yè)面名稱</FONT></A></TD></TR> <TR> <TD><A href="http://b147020258.blog.163.com/blog/鏈接地址" target=blank><FONT color=#ffffff size=2>頁(yè)面名稱</FONT></A></TD></TR></TBODY></TABLE>
效果:
|