网页飘动图片代码(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站长 原创,转载请注明出处和附带本文链接;
- 上一篇:微信猜拳小程序源代码(竞猜小程序源码)
- 下一篇:弹窗代码(java弹窗代码)
相关推荐
- 03-28html简单网页代码成品(用html制作网站代码)
- 03-28h5页面是什么样子的(h5页面是什么样子的图片)
- 03-28最简单的网页制作软件(网页制作教程软件)
- 03-28web前端网页设计代码(web前端网页设计代码作业)
- 03-28青岛网站建站推广(青岛网页建站渠道)
- 03-28简单搜索网页版入口(简单搜索app下载安装)
- 03-18百度图片搜索图片识别(百度图片搜索图片识别不了)
- 03-15大连网页网站制作(大连网站建设制作)
- 03-12个人网站首页图片(个人网站图片侵权吗)
- 03-10如何申请个人网页(个人如何申请网址)
取消回复欢迎 你 发表评论:
- 标签列表
- 最近发表
- 友情链接