Ⅰ 网页悬浮图片怎么写代码
左侧悬浮代码如下:
<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>