国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開APP
userphoto
未登錄

開通VIP,暢享免費(fèi)電子書等14項(xiàng)超值服

開通VIP
關(guān)于博客的絕對定位

關(guān)于博客的絕對定位

 

日前我給大家介紹了一些特效文字的代碼,有朋友就問我怎么樣把那些特效文字放在題圖背景(banner)上,要想把特效文字放在其上面上可以用下面這段定位代碼:

<DIV style="RIGHT: 300px; POSITION: absolute; TOP: 100px">
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD>特效文字代碼</TD></TR></TBODY></TABLE></DIV>

把特效文字的代碼替代“特效文字代碼”這幾個字,然后把代碼添加到空白面板里就可以了。
這段代碼的基本原理是設(shè)置一個表格,然后把特效文字代碼放進(jìn)去,再定位表格的位置而已。
定位坐標(biāo)RIGHT: 300pxTOP: 100px分別表示距離屏幕右邊緣和上邊緣的的距離,其具體數(shù)值可根據(jù)實(shí)際需求而定。

依此類推,大家可以把其他其他東西的代碼放進(jìn)去替代“特效文字代碼”這幾個字,比如說涂鴉板,天氣預(yù)報(bào),新聞,播放器等等代碼,這樣就能把他們定位到主頁上的任意位置。

 

再依此類推,我們還可以把它和之前我介紹的隨屏滾動的代碼,使其在拉動頁面滾動條的時候能隨著屏幕滾動:

<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression_r(eval_r(document.body.scrollLeft)+eval_r(document.body.clientWidth)-980); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression_r(eval_r(document.body.scrollTop)+eval_r(document.body.clientHeight)-200); TEXT-ALIGN: center">
<TABLE cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD>要定位的東西的代碼</TD></TR></TBODY></TABLE></DIV>

關(guān)于定位坐標(biāo)-980-200的說明:

 
1、clientWidth后面負(fù)數(shù)的絕對值越大越靠近左側(cè)。
2、clientHeight后面負(fù)數(shù)的絕對值越大越靠近上部。
3、代碼中的那個8px好像是坐標(biāo)參數(shù),保持默認(rèn)即可,無需改動。
 
這樣比如說你如果把涂鴉板的代碼放進(jìn)去,添加空白面板后,你的涂鴉板就能跟著屏幕滾動了。
同理,你如果把透明FLASH的代碼代進(jìn)去,比如說我的博客上兩只飛舞的藍(lán)色蝴蝶的代碼:

<EMBED style="LEFT: 0px; POSITION: absolute; TOP: -70px" align=right src=http://imgfree.21cn.com/free/flash/9.swf width=950 height=1500 type=application/x-shockwave-flash wmode="transparent" quality="high" ;>

這樣就解決了透明FLASH只能在頁面某一部分顯示,等拉動滾動條后就看不見了的問題,使其能在頁面漂浮。

本站僅提供存儲服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點(diǎn)擊舉報(bào)。
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
如何能讓自己的博客出現(xiàn)那種動畫效果
如何利用絕對定位代碼把動畫和圖片放在自己想放的位置
美化博客實(shí)用技巧⑹-如何給日志添加漂亮的flash背景 -
如何在博客頁面插入鏈接
flash大圖模塊代碼轉(zhuǎn)載引用 音畫flash定nba大圖模塊qq代碼位代碼
代碼入門教程(23)
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長圖 關(guān)注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服