网页右侧漂浮图片代码（网站右侧悬浮代码）

本篇文章给大家谈谈网页右侧漂浮图片代码，以及网站右侧悬浮代码对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、网页浮动图标的代码是什么，最好是css的
• 2、如何让图片漂浮在网页右侧中间
• 3、右侧悬浮图片 javascript代码
• 4、网页悬浮图片怎么写代码？

网页浮动图标的代码是什么，最好是css的

如果是地址栏的图标，代码如下：

link rel="shortcut icon" href="MyImg.ico" /

link rel="Bookmark" href="favicon.ico" /

代码放置在head/head之间，图片放置在站点根目录。

如果是页面上的某个图标，这个也有多种方法。

一种是float的浮动，不脱离页面内容流。

一种是position，可以脱离页面内容流，独立设置位置。

如果是某些标题，列表前的小图标，则可以使用img添加，如：

img src="..." / a href="..."链接/a

也可以用css的background属性集合padding属性设置为背景。

如何让图片漂浮在网页右侧中间

script type="text/javascript" language="JavaScript"

var myScrollTop=function() //获得当前窗口显示区顶点位置

{

return document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop;

};

function mymovemenu() // 随着窗口的拉动，实时调整广告在窗口中的位置

{

document.getElementById("floatad").style.top=myScrollTop()+100+'px';document.getElementById("floatad").style.right=3+'px';setTimeout("mymovemenu();",50);

}

/script

div id="floatad" style="position:absolute;z-index:999;width:150px;height:200px; background:#ccc;top:100px;right:3px;"

浮动

/div

script type="text/javascript" language="JavaScript"

mymovemenu(); //调用浮动广告代码函数

/script

浮动位置自己改top和right的值就好了

右侧悬浮图片 javascript代码

body

img src='d:\10.jpg' id=ad style='position:absolute'

script

B=document.body

with(ad)

{

width=300/*宽*/

height=400/*高*/

}

setInterval("move('ad',B.clientHeight+B.scrollTop-400/*上*/,B.clientWidth+B.scrollLeft-300/*左*/,10/*延时*/)",1)

function move(id,y,x,num)

{

with(B){t=y;l=x}

v=document.getElementById(id).style

v.posTop+=(t-v.posTop)/num

v.posLeft+=(l-v.posLeft)/num

}

/script

/body

网页悬浮图片怎么写代码？

左侧悬浮代码如下：

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(percent0)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前即可

关于网页右侧漂浮图片代码和网站右侧悬浮代码的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。