·左邊掛件:
<DIV style="LEFT: 5px; POSITION: absolute; TOP: 200px" align=left><IMG src="掛件地址" align=left><DIV>
·右邊掛件:
<DIV style="LEFT: 900px; POSITION: absolute; TOP: 200px" align=right><IMG src="掛件地址" align=right></DIV>
其中LEFT: 為從左向右移的位置,即掛件距離屏幕左邊緣的距離;TOP: 為從上向下移的位置,即掛件距離屏幕上邊緣的距離!左右兩邊掛件都是以屏幕左邊緣為基準(zhǔn)的,其距離的具體數(shù)值可根據(jù)實(shí)際情況而定!
要找掛件只需去蚊子的圖片素材庫(kù)里找,內(nèi)有上百種精美掛件!
點(diǎn)此進(jìn)如:http://blog.sina.com.cn/u/1212539230#sort_2
二、圖片或者掛件隨屏幕移動(dòng)而始終懸浮的代碼如下: (推薦,可以得到類似QQ空間的花邊效果,可以參考我的空間http://4516liweiren.blogcn.com/index.shtml)
·左邊代碼:
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-980); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-200); TEXT-ALIGN: center"><A href="對(duì)圖片或者掛件進(jìn)行鏈接的網(wǎng)址" target=_blank><IMG src="圖片或者掛件的URL地址" border=0></A></DIV>
·右邊代碼:
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-110); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-200); TEXT-ALIGN: center"><A href="對(duì)圖片或者掛件進(jìn)行鏈接的網(wǎng)址" target=_blank><IMG src="圖片或者掛件的URL地址" border=0></A></DIV>
參數(shù)說(shuō)明:
1、clientWidth后面負(fù)數(shù)的絕對(duì)值越大,圖片越靠近左側(cè)。
2、clientHeight后面負(fù)數(shù)的絕對(duì)值越大,圖片越靠近上部。
3、“圖片URL地址”處加入你想用到的圖片或者掛件的URL地址即可。
4、如果不需要對(duì)圖片或者掛件進(jìn)行鏈接,只要把代碼中的“<A href="對(duì)圖片或者掛件進(jìn)行鏈接的網(wǎng)址" target=_blank>”去掉就可以了;其用處就是比如鏈接的地址是你的博客地址,那么一點(diǎn)那圖片或者掛件就會(huì)進(jìn)入你的博客!
圖片上下方向滾動(dòng):
<CENTER>
|
圖片左右方向滾動(dòng)(和第一個(gè)代碼基本一樣,你可以選擇使用)
<CENTER>
|
1,<CENTER></CENTER>前后代碼代表居中的意思,可以居中滾動(dòng)
2,scrollAmount=1 scrollDelay=1可以設(shè)置數(shù)值,也就是滾動(dòng)速度,數(shù)值越大滾動(dòng)越快。
3,direction是方向,up=上,down=下,left=左,right=右,都可以自定義,愿意怎么滾動(dòng)就怎么滾動(dòng)。
1、首先點(diǎn)擊控制面板-個(gè)人首頁(yè)維護(hù)-自定義公告欄-新增一個(gè)公告欄
2、在“顯示源代碼”處勾選,然后將以下代碼粘貼
<CENTER>
<TABLE width=190 border=0>
<TBODY>
<TR>
<TD background="/blog/http://bbs.flasher123.com/UploadFile/2006-5/2006541630737427.gif height=240>
<DIV align=center>
<DIV style="OVERFLOW: auto; WIDTH: 159px; HEIGHT: 145px">
<P align=center>
<MARQUEE scrollAmount=1 scrollDelay=60 direction=up height=60><FONT color=#ff0000 size=3>由于時(shí)間有限<BR>所有問(wèn)題均在<BR>留言板中回答大家<BR>請(qǐng)大家留言后<BR>到留言板查詢<BR>見(jiàn)諒<BR></FONT></MARQUEE></P>
</DIV></DIV></TD></TR></TBODY></TABLE></CENTER>
點(diǎn)擊保存
返回在公告欄處就能看到新設(shè)置的效果了
1、代碼中紅色的部分就是背景圖片的鏈接地址,大家可以任意更換喜歡的圖片
2、代碼中黃色的部分是使用的圖片的高和寬,一定要設(shè)置成和圖片一致,否則圖片不能完整顯示
3、代碼中藍(lán)色的部分是滾動(dòng)文字的設(shè)置代碼,direction=up向上down向下righ向右tleft向左
4、粉色的代碼部分是文字從公告欄空白處出來(lái)時(shí)的高度,可以直接進(jìn)行高度的
整。
聯(lián)系客服