玫瑰花鼠標(biāo)指針效果:
當(dāng)你把鼠標(biāo)指針移動到表格內(nèi)它就變成一朵玫瑰花,很漂亮的!
這朵玫瑰花很漂亮吧! 如果鼠標(biāo)指針出了本單元格就看不到玫瑰花了。 |
玫瑰花鼠標(biāo)指針代碼:
<TABLE borderColor=#0033ff cellSpacing=2 width="80%" align=center bgColor=#ff0000 border=2>
<TBODY>
<TR bgColor=#dbe4f4 height=350>
<TD width="100%">
<DIV style="CURSOR: url('http://plugin.smileycentral.com/http%253A%252F%252Fplugin%252Esmileycentral%252Ecom%252Fassetserver%252Fcursor%252Ejhtml%253Fcur%253D1%2526i%253D9646a/image.gif')">
<DIV style="BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: auto; BORDER-LEFT: 0px solid; WIDTH: 100%; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; BORDER-BOTTOM: 0px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #ffffff; HEIGHT: 350px">
<FONT face=華文新魏 color=#000000 size=5>這朵玫瑰花很漂亮吧!<BR>如果鼠標(biāo)指針出了本單元格就看不到玫瑰花了。</FONT>
</DIV></DIV>
</TD></TR></TBODY></TABLE>
解析:
將鼠標(biāo)指針代碼放在表格的列引領(lǐng)字<TD>和</TD>之間,鼠標(biāo)指針活動寬度設(shè)置為100%,鼠標(biāo)指針活動高度和單元格高度一般設(shè)置一樣高,這樣鼠標(biāo)指針的活動范圍就被限制在了一個單元格之中。
表格內(nèi)可以寫上你喜歡的文字,不過要注意代碼中文字代碼的位置。如果放錯位置的話,當(dāng)你把鼠標(biāo)指針移到單元格內(nèi)文字上面時就不會出現(xiàn)玫瑰花,而只有將鼠標(biāo)指針移到單元格內(nèi)非文字上時才會出現(xiàn)玫瑰花。
附錄1:動態(tài)鼠標(biāo)指針代碼小結(jié)
方法一:這種方法可以限制動態(tài)鼠標(biāo)指針在一定范圍內(nèi)活動
<DIV style="CURSOR: url('動態(tài)鼠標(biāo)指針地址')">
<DIV style="BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: auto; BORDER-LEFT: 0px solid; WIDTH: 100%; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; BORDER-BOTTOM: 0px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #ffffff; HEIGHT: 350px"></DIV></DIV>
方法二:這種方法可以使動態(tài)鼠標(biāo)指針在整個窗口中活動
<BR>
<STYLE>body{cursor:url(動態(tài)鼠標(biāo)指針地址)}</STYLE>
使用指南:如果將動態(tài)鼠標(biāo)指針代碼粘貼到日志的html代碼區(qū),動態(tài)鼠標(biāo)指針就會顯示在自己博客的日志中。如果將動態(tài)鼠標(biāo)指針代碼粘貼到首頁“留言”區(qū)的“回復(fù)”欄內(nèi)回復(fù),動態(tài)鼠標(biāo)指針就會顯示在對方博客的首頁中
下面是Good fun09年11月補(bǔ)充的鼠標(biāo)特效代碼,經(jīng)試驗,都可用:
<DIV style="鼠標(biāo)地址" align=center>你的日志</DIV>
<span style="鼠標(biāo)地址">日志內(nèi)容</span>
本文下面面就是用的這個特效: