博主:Moony和梨子

博主目前狀態: 要考試了(淚奔——

對部落格有疑問?:点击发表疑問
對這裡有啥意见?:点击发表意见


"不要認為你做不到,很多事情只是看你願意花多少心思去做而已"

在部落格设置会漂浮在半空中的图片(适合FW)


标题我可实想了很久的 T.T
详细来说就是你可以在你的部落格设置几张你的照片,或者是你想要得图片。
然后,他会随着scroll bar移上移下。
明白吗?

设计 -> 页面元素 -> 添加小工具 -> Html/Javascript

添加一下代码:








<div id="divStayTopLeft" style="position: absolute; left: 250px; top:0px; width: 180px; padding: 4px;">
<div style='position: absolute; top:5px; left:630px;' id='lynn';>
<img src="image url" border="0" class="gradualshine" onmouseover="slowhigh(this)" onmouseout="slowlow(this)" /><p>
<img src="image url" border="0" class="gradualshine" onmouseover="slowhigh(this)" onmouseout="slowlow(this)" /><p>
<img src="image url" border="0" class="gradualshine" onmouseover="slowhigh(this)" onmouseout="slowlow(this)" /><p>
<img src="image url" border="0" class="gradualshine" onmouseover="slowhigh(this)" onmouseout="slowlow(this)" /><p>
</p></p></p></p></div>
</div>
<script type="text/javascript">
function JSFX_FloatTopLeft()
{
var startX = 35, startY = 50;
var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
var px = document.layers ? "" : "px";
function ml(id)
{
var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+px;this.style.top=y+px;};
el.x = startX; el.y = startY;
return el;
}
window.stayTopLeft=function()
{
var pY = ns ? pageYOffset : document.documentElement && document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;
var dY = (pY > startY) ? pY : startY;
ftlObj.y += (dY - ftlObj.y)/8;
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 20);
}
ftlObj = ml("divStayTopLeft");
stayTopLeft();
}
JSFX_FloatTopLeft();
</script>

image url 换成你想要得图片 :DD

谢谢你的阅读!

7 comments:

  1. 我弄不到,有什么代码要自己换掉的吗?

    ReplyDelete
  2. 回复:
    @笨蛋琪:
    把代码中的Image Url 换成你要的图片就可以了!

    ReplyDelete
  3. 请问下 要怎样把照片换成Url 呢 :))?

    ReplyDelete
    Replies
    1. 在你想要的图片>按right key>过后点【Copy image url】就可以了 :D

      Delete
  4. 嗯 那个为什么我的显示不到的啊 ?
    是要等吗?完全显示不到呢 = =

    ReplyDelete

有任何疑问,就请留言 :)
先声明:不接受恶意批评与留言。

欢迎再次光临。
谢谢。

------------月梨心---------------