当前位置:首页 > 代码 > 正文

网页飘动图片代码(web滚动图片代码)

admin 发布:2022-12-19 19:44 122


今天给各位分享网页飘动图片代码的知识,其中也会对web滚动图片代码进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

本文目录一览:

在网页CS4中把图片制作成浮动的,代码怎么写?

img

{float:left|right}

把img

放到某个

div

容器中,设定该div

{position:fixed;width:图片宽度;height:图片高度;right:10px;bottom:10px;}

图片就固定浮动在页面右下角,拖动滚动条,图片也会跟着走。

如果想要图片在页面上乱跑,那就要借助Javascript。网上搜“浮动广告代码”。大把大把的。

网页浮动图标的代码是什么,最好是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属性设置为背景。

求网页图片飘动的效果代码

div id="img" style="position:absolute; left:35px; top:556px; width:120; background-color:#FFFFFF;" class="fudong"

这里面加你自己的东西

/div

SCRIPT LANGUAGE="JavaScript"

var xPos = 15;

var yPos = document.body.clientHeight;

var step = 1;

var delay = 30;

var height = 0;

var Hoffset = 0;

var Woffset = 0;

var yon = 0;

var xon = 0;

var pause = true;

var interval;

img.style.top = yPos;

function changePos() {

width = document.body.clientWidth;

height = document.body.clientHeight;

Hoffset = img.offsetHeight;

Woffset = img.offsetWidth;

img.style.left = xPos + document.body.scrollLeft;

img.style.top = yPos + document.body.scrollTop;

if (yon) {

yPos = yPos + step;

}

else {

yPos = yPos - step;

}

if (yPos 0) {

yon = 1;

yPos = 0;

}

if (yPos = (height - Hoffset)) {

yon = 0;

yPos = (height - Hoffset);

}

if (xon) {

xPos = xPos + step;

}

else {

xPos = xPos - step;

}

if (xPos 0) {

xon = 1;

xPos = 0;

}

if (xPos = (width - Woffset)) {

xon = 0;

xPos = (width - Woffset);

}

}

function start() {

img.visibility = "visible";

interval = setInterval('changePos()', delay);

}

start();

/script

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

左侧悬浮代码如下:

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前即可

关于网页飘动图片代码和web滚动图片代码的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。

版权说明:如非注明,本站文章均为 AH站长 原创,转载请注明出处和附带本文链接;

本文地址:http://ahzz.com.cn/post/21195.html


取消回复欢迎 发表评论:

分享到

温馨提示

下载成功了么?或者链接失效了?

联系我们反馈

立即下载