·左邊掛件:
<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ù)實際情況而定!
要找掛件只需去蚊子的圖片素材庫里找,內(nèi)有上百種精美掛件!
點此進如:http://blog.sina.com.cn/u/1212539230#sort_2
二、圖片或者掛件隨屏幕移動而始終懸浮的代碼如下: (推薦,可以得到類似QQ空間的花邊效果,可以參考我的空間http://4516liweiren./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后面負(fù)數(shù)的絕對值越大,圖片越靠近左側(cè)。
2、clientHeight后面負(fù)數(shù)的絕對值越大,圖片越靠近上部。
3、“圖片URL地址”處加入你想用到的圖片或者掛件的URL地址即可。
4、如果不需要對圖片或者掛件進行鏈接,只要把代碼中的“<A href="對圖片或者掛件進行鏈接的網(wǎng)址" target=_blank>”去掉就可以了;其用處就是比如鏈接的地址是你的博客地址,那么一點那圖片或者掛件就會進入你的博客! 圖片滾動代碼
圖片上下方向滾動:
圖片左右方向滾動(和第一個代碼基本一樣,你可以選擇使用)
1,<CENTER></CENTER>前后代碼代表居中的意思,可以居中滾動
2,scrollAmount=1 scrollDelay=1可以設(shè)置數(shù)值,也就是滾動速度,數(shù)值越大滾動越快。
3,direction是方向,up=上,down=下,left=左,right=右,都可以自定義,愿意怎么滾動就怎么滾動。
4,width 寬度,height 高度
1、首先點擊控制面板-個人首頁維護-自定義公告欄-新增一個公告欄
2、在“顯示源代碼”處勾選,然后將以下代碼粘貼
<CENTER>
點擊保存
返回在公告欄處就能看到新設(shè)置的效果了
1、代碼中紅色的部分就是背景圖片的鏈接地址,大家可以任意更換喜歡的圖片
2、代碼中黃色的部分是使用的圖片的高和寬,一定要設(shè)置成和圖片一致,否則圖片不能完整顯示
3、代碼中藍(lán)色的部分是滾動文字的設(shè)置代碼,direction=up向上down向下righ向右tleft向左
4、粉色的代碼部分是文字從公告欄空白處出來時的高度,可以直接進行高度的 |
|