漂浮图片代码（漂浮图片下载）

今天给各位分享漂浮图片代码的知识，其中也会对漂浮图片下载进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、求一个网页漂浮图片代码
• 2、dreamweaver里面浮动图像的代码是什么？
• 3、怎么用图片漂浮代码
• 4、如何在HTML代码中插入一个漂浮图片

求一个网页漂浮图片代码

script type="text/javascript"

function hidead()

{document.getElementById("ad").style.display="none";}

/script

div id="ad" style="position:absolute"

aa href="12.html"img src="aa.jpg" border="0"/a

/a

DIV onClick="hidead();" style="FONT-SIZE: 9pt; CURSOR: hand" align=right关闭广告×/DIV/div

p

script

var x = 50,y = 60

var xin = true, yin = true

var step = 1

var delay = 1

var obj=document.getElementById("ad")

function floatAD() {

var L=T=0

var R= document.body.clientWidth-obj.offsetWidth

var B = document.body.clientHeight-obj.offsetHeight

obj.style.left = x + document.body.scrollLeft

obj.style.top = y + document.body.scrollTop

x = x + step*(xin?1:-1)

if (x L) { xin = true; x = L}

if (x R){ xin = false; x = R}

y = y + step*(yin?1:-1)

if (y T) { yin = true; y = T }

if (y B) { yin = false; y = B }

}

var itl= setInterval("floatAD()", delay)

obj.onmouseover=function(){clearInterval(itl)}

obj.onmouseout=function(){itl=setInterval("floatAD()", delay)}

/script

/p

dreamweaver里面浮动图像的代码是什么？

1.先建立一个名为"漂浮.js"的JS文件，代码为： var no = 8 ;

var oTime = new Date();

var lastTime = oTime.getTime();

var x_sin, x_point, y_point;

var x_length, x_increased, y_increased;

var i, body_width = 932, body_height = 538;

var lastTime = 0;

var fallInterval = 2.4;

x_sin = new Array();

x_point = new Array();

y_point = new Array();

x_length = new Array();

x_increased = new Array();

y_increased = new Array();

var oBody = document.body;

var d=document;

/*body_width = oBody.clientWidth;

body_height = oBody.clientHeight;*/

for (i = 0; i no; ++ i) {

snowFlakeImgNo = Math.round(Math.random()*(snowflake.length-1));

x_sin[i] = 0;

x_point[i] = Math.random()*(body_width-250)+100;

y_point[i] = Math.random()*body_height;

x_length[i] = Math.random()*20;

// x_increased[i] = 0.02 + Math.random()/10;

// y_increased[i] = 0.7 + Math.random();

x_increased[i] = 0.08 + Math.random()/5;

y_increased[i] = 2.7 + Math.random()*2;

d.write("div id=\"snowFlakeDiv_"+ i +"\" style=\"position:absolute; z-index:11; visibility:visible; top: 15px; left: 215px;\"img src=\"" + snowflake[snowFlakeImgNo] + "\" border=\"0\" id='snowImg_"+ i +"'/div");

}

function snowFlakeFloat() {

var now = new Date();

var second = now.getTime();

var scrollTop = document.body.scrollTop;

var snowflakeDiv_0 = d.getElementById("snowFlakeDiv_0");

var snowflakeDiv_1 = d.getElementById("snowFlakeDiv_1");

var snowflakeDiv_2 = d.getElementById("snowFlakeDiv_2");

var snowflakeDiv_3 = d.getElementById("snowFlakeDiv_3");

var snowflakeDiv_4 = d.getElementById("snowFlakeDiv_4");

var snowflakeDiv_5 = d.getElementById("snowFlakeDiv_5");

var snowflakeDiv_6 = d.getElementById("snowFlakeDiv_6");

var snowflakeDiv_7 = d.getElementById("snowFlakeDiv_7");

for (i = 0; i no; i++) {

if (y_point[i] = 0) {

y_point[i] += y_increased[i];

}

if (y_point[i] scrollTop + body_height - 10 || y_point[i] scrollTop || y_point[i] 0) { // 移出窗口，或在等待队列

if ((second - lastTime) / 1000 fallInterval) { // 从队列中下落

snowFlakeImgNo = Math.round(Math.random()*(snowflake.length-1));

if (document.getElementById('snowImg_'+i)) {

document.getElementById('snowImg_'+i).src = snowflake[snowFlakeImgNo];

}

x_point[i] = Math.random()*(body_width-x_length[i]-250) + 100;

y_point[i] = scrollTop;

x_increased[i] = 0.05 + Math.random()/2;

y_increased[i] = 2.7 + Math.random()/2;

// x_increased[i] = 0.05;

// y_increased[i] = 2.7;

body_width = oBody.clientWidth;

body_height = oBody.clientHeight;

lastTime = second;

}else {

y_point[i] = -50;

}

}

x_sin[i] += x_increased[i];

eval("snowflakeDiv_"+i).style.pixelTop = y_point[i];

eval("snowflakeDiv_"+i).style.pixelLeft = x_point[i] + x_length[i]*Math.sin(x_sin[i]);

}

}

window.setInterval("snowFlakeFloat()",100);

2. 在你需要的页面链接代码文件：SCRIPT language=javascript src="漂浮.js"/SCRIPT

3. 加入图片, 代码为： SCRIPT language=JavaScript

//我这只加了三张图片，其实你还可以多加几种图片，图片文件一般小。

var snowflake = new Array();

snowflake[0] ='float1.gif';//图片一

snowflake[1] ='float2.gif';//图片二

snowflake[2] ='float3.gif';//图片三

/SCRIPT

呵呵，做好这几步，一个漂亮的漂浮就搞定了。

怎么用图片漂浮代码

把图片漂浮代码放在body/body之间即可，但是注意一定要把图片的路径写对！！

如何在HTML代码中插入一个漂浮图片

这是JS代码实现的，需要编写JS脚本，然后在head区域引入JS文件，然后在body区加入相应JS的引用。

当然最快捷方便的方法就是百度去找个类似的源码就可以搞定了。漂浮源码很多的~ 一般是先HEAD引入JS文件，然后BODY或者其他地方加入JS调用代码 就可以实现了。

一般下载源码的地方会提示你怎么用。耐心找找

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