導航:首頁 > 動漫圖片 > 網頁怎麼加浮窗圖片

網頁怎麼加浮窗圖片

發布時間:2023-03-05 08:43:49

Ⅰ 網頁懸浮圖片怎麼寫代碼

左側懸浮代碼如下:
<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>

閱讀全文

與網頁怎麼加浮窗圖片相關的資料

熱點內容
如何檢驗圖片錯誤 瀏覽:29
昂克賽拉的價格和圖片 瀏覽:4
古裝紅色發型圖片 瀏覽:66
牛肉館價格表圖片 瀏覽:516
直發齊劉海的發型圖片 瀏覽:497
性女生殖器圖片 瀏覽:243
尼康相機如何改變圖片格式 瀏覽:665
晴天圖片配文字 瀏覽:931
黑色背影男生圖片卡通 瀏覽:948
偏深紅色衣服圖片 瀏覽:191
雙肩包男生背影圖片 瀏覽:484
如何設置微信朋友圈文字圖片 瀏覽:836
喝酒圖片高清 瀏覽:837
美女排便的圖片 瀏覽:18
汪星人可愛圖片 瀏覽:359
虹色的衣服圖片 瀏覽:198
word插入圖片列印不改變圖片大小 瀏覽:972
word圖片如何改透明一些 瀏覽:484
紋身圖片可愛型 瀏覽:694
短發挑染紫色發型圖片 瀏覽:664