Ⅰ 網頁懸浮圖片怎麼寫代碼
左側懸浮代碼如下:
<div style="position:absolute;width:110px;height:455px;top:150px;left:0px;" id="lefimg"><img border="0" src="../圖片名" width="圖片寬度" height="圖片高度" /></div>
<script language="JavaScript">
<!--
lastScrollY=0;
function heartBeat(){
var diffY;
if (document.documentElement && document.documentElement.scrollTop)
diffY = document.documentElement.scrollTop;
else if (document.body)
diffY = document.body.scrollTop
else
{/*Netscape stuff*/}
//alert(diffY);
percent=.1*(diffY-lastScrollY);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.getElementById("lefimg").style.top=parseInt(document.getElementById("lefimg").style.top)+percent+"px";
lastScrollY=lastScrollY+percent;
//alert(lastScrollY);
}
window.setInterval("heartBeat()",1);
// -->
</script>
圖片高度和寬度用數字代替即可,層的寬度和高度可自定義
將如上代碼加入到網頁的</body>前即可
Ⅱ 怎麼在桌面上加懸浮圖片
在桌面上加懸浮圖片的方法及具體操作步驟如下,以win7為例做演示。
1、在電腦桌面的空白處,點擊滑鼠如鍵,如下圖所示。
Ⅲ 如何讓一個圖片在網頁的頁面上漂浮
首先將圖片裝在一個盒子里,即,假設圖片名為:回頂端.jpg,則代碼為: #tupian { float:bottom; (讓圖片浮動在頁面的下方) } 回頂端
Ⅳ 如何給網頁加浮窗圖片
iframe調用
,首先做一個頁面
設定後你想浮動的圖片和圖片的鏈接。一般那個頁面都是做一張圖片的
例如<a
href="想鏈接的網站"><ing
src="圖片地址"/></a>在網站頁面通過iframe調用那個頁面的代碼如下
,下面的熟悉自己慢慢修改
嘗試一下。<iframe
scrolling="no"
ismove="auto"
fixuptype="float"
fixupwidth="5"
frameborder="0"
width="258"
height="168"
src="那個頁面的地址"></iframe> JS如下:
插入網站中。。 <script
type="text/javascript"
>
var
fixupLayers=new
function(){
var
i=0,k,f,af=document.getElementsByTagName("iframe");
for(k
in
af){f=af[k]; if(f.nodeName
&&
f.getAttribute("fixuptype")){ if(f.getAttribute("fixuptype")=="float"
&&
f.getAttribute("ismove")
&&
f.getAttribute("ismove")=="auto"){
f.onmouseout=function(){f.ismove="true"};
f.onmouseover=function(){f.ismove="false"};
f.ismove="true";}
f.style.position="absolute";f.style.zIndex=999;this[i]=af[k];i++;}
}this.length=i;}
function
fixup(){
var
ph=document.documentElement.offsetHeight;
var
pw=document.documentElement.offsetWidth;
var
st=document.body.scrollTop;
var
fw,f,ft,lw,lh,mr=5;
for(var
i=0;i<fixupLayers.length;i++){
f=fixupLayers[i];
fw=parseInt(f.getAttribute("fixupwidth"));
lw=f.offsetWidth;lh=f.offsetHeight;ft=f.getAttribute("fixuptype");
if(ft=="top")
f.style.pixelTop=st+fw;
else
if(ft=="bottom")
f.style.pixelTop=st+ph-fw-lh-mr;
else
if(ft=="dl")
f.style.pixelTop=st+fw+150;
else
if(ft=="float"
&&
f.getAttribute("ismove")
&&
f.getAttribute("ismove")=="true"){ms=5;
if(f.getAttribute("movespeed"))
ms=parseInt(f.getAttribute("movespeed"));
if(!f.lastX){f.lastX=fw;f.moveX=ms;}
if(!f.lastY){f.lastY=fw;f.moveY=ms;}
f.lastX+=parseInt(f.moveX)-ms*Math.random();
f.lastY+=parseInt(f.moveY)-ms*Math.random();
if(parseInt(f.lastX)>pw-mr-lw-fw){f.lastX=pw-mr-lw-fw;f.moveX=0;}
else
if(parseInt(f.lastX)<mr+fw){f.lastX=mr+fw;f.moveX=ms;}
if(parseInt(f.lastY)>ph-mr-lh-fw){f.lastY=ph-mr-lh-fw;f.moveY=0;}
else
if(parseInt(f.lastY)<mr+fw){f.lastY=mr+fw;f.moveY=ms;}
f.style.pixelTop=parseInt(f.lastY)+st;
f.style.pixelLeft=parseInt(f.lastX);}}}
if(_lf){clearInterval(_lf); var
_lf=window.setInterval("fixup()",100);}else
var
_lf=window.setInterval("fixup()",100);</script>