·左邊掛件:
<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: 為從上向下移的位置,即掛件距離屏幕上邊緣的距離!左右兩邊掛件都是以屏幕左邊緣為基準的,其距離的具體數(shù)值可根據(jù)實際情況而定!
要找掛件只需去蚊子的圖片素材庫里找,內(nèi)有上百種精美掛件!
點此進如:http://blog.sina.com.cn/u/1212539230#sort_2
二、圖片或者掛件隨屏幕移動而始終懸浮的代碼如下: (推薦,可以得到類似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="對圖片或者掛件進行鏈接的網(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="對圖片或者掛件進行鏈接的網(wǎng)址" target=_blank><IMG src="圖片或者掛件的URL地址" border=0></A></DIV>
參數(shù)說明:
1、clientWidth后面負數(shù)的絕對值越大,圖片越靠近左側(cè)。
2、clientHeight后面負數(shù)的絕對值越大,圖片越靠近上部。
3、“圖片URL地址”處加入你想用到的圖片或者掛件的URL地址即可。
4、如果不需要對圖片或者掛件進行鏈接,只要把代碼中的“<A href="對圖片或者掛件進行鏈接的網(wǎng)址" target=_blank>”去掉就可以了;其用處就是比如鏈接的地址是你的博客地址,那么一點那圖片或者掛件就會進入你的博客!
圖片上下方向滾動:
<CENTER>
|
圖片左右方向滾動(和第一個代碼基本一樣,你可以選擇使用)
<CENTER>
|
1,<CENTER></CENTER>前后代碼代表居中的意思,可以居中滾動
2,scrollAmount=1 scrollDelay=1可以設置數(shù)值,也就是滾動速度,數(shù)值越大滾動越快。
3,direction是方向,up=上,down=下,left=左,right=右,都可以自定義,愿意怎么滾動就怎么滾動。
1、首先點擊控制面板-個人首頁維護-自定義公告欄-新增一個公告欄
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>由于時間有限<BR>所有問題均在<BR>留言板中回答大家<BR>請大家留言后<BR>到留言板查詢<BR>見諒<BR></FONT></MARQUEE></P>
</DIV></DIV></TD></TR></TBODY></TABLE></CENTER>
點擊保存
返回在公告欄處就能看到新設置的效果了
1、代碼中紅色的部分就是背景圖片的鏈接地址,大家可以任意更換喜歡的圖片
2、代碼中黃色的部分是使用的圖片的高和寬,一定要設置成和圖片一致,否則圖片不能完整顯示
3、代碼中藍色的部分是滾動文字的設置代碼,direction=up向上down向下righ向右tleft向左
4、粉色的代碼部分是文字從公告欄空白處出來時的高度,可以直接進行高度的
整。
聯(lián)系客服