网页上的漂浮物制作代码

最新推荐文章于 2021-06-03 21:23:19 发布
最新推荐文章于 2021-06-03 21:23:19 发布
阅读量2.3k 收藏 2
点赞数 2
文章标签： delay function border 
第一步：建立JS内容：（请不要做任何修改）

var xPos = 300;
var yPos = 200; 
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;
img1.style.top = yPos;
function changePos() 
{
width = document.body.clientWidth;
height = document.body.clientHeight;
Hoffset = img1.offsetHeight;
Woffset = img1.offsetWidth;
img1.style.left = xPos + document.body.scrollLeft;
img1.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()
{
img1.visibility = "visible";
   interval = setInterval('changePos()', delay);
}
function pause_resume() 
{
   if(pause) 
   {
    clearInterval(interval);
    pause = false;}
   else 
   {
    interval = setInterval('changePos()',delay);
    pause = true; 
    }
   }
start();

第二步：调用：

<body>
<DIV id=img1 style="Z-INDEX: 100; LEFT: 2px; WIDTH: 59px; POSITION: absolute; TOP: 43px; HEIGHT: 61px;
visibility: visible;"><a href="http://www.05519.com/addmesg.asp" target="_blank"><img src="guanggao.gif" width="200" height="120" border="0"></a></DIV>
<SCRIPT src="/js/随意漂浮.js"></SCRIPT>
</body>
chenyuan000
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
网站漂浮窗代码
01-31
//移动漂浮广告代码[removed] [removed] var x = 50,y = 60 var xin = true, yin = false var step = 1 var delay = 10 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 R){ xin = false; x = R} y = y + step*(yin?1:-1) if (y B) { yin = false; y = B } } var itl= setInterval("floatAD()", delay) obj.onmouseover=function(){clearInterval(itl)} obj.onmouseout=function(){itl=setInterval("floatAD()", delay)} [removed]
网站html漂浮代码大全,网页漂浮窗口代码
weixin_32147807的博客
06-07 5301
漂浮窗口代码var x = 50,y = 60var xin = true, yin = truevar step = 1var delay = 10var obj=document.getElementById("ad")function floatAD() {var L=T=0var R= document.body.clientWidth-obj.offsetWidthvar B = doc...
JS 全站漂浮
iteye_18224的博客
06-28 258
全站漂浮的js代码：   //公共脚本文件 main.js function addEvent(obj,evtType,func,cap){ cap=cap||false; if(obj.addEventListener){ obj.addEventListener(evtType,func,cap); return true; }else if(obj.a...
网站漂浮广告代码
经验在于积累而不在于年限---dreamboycx
11-29 1535
<script type="text/javascript"> function hidead() {document.getElementByIdx_x_x_x("ad").style.display="none";} <div id="ad" style="position:absolute"> <a href="可在此写链接地址" target="_blank"> <img src="选择
js漂浮广告
天道酬勤
09-19 537
js漂浮广告 [code="html"] 漂浮广告 var x = 50,y = 60 var xin = true, yin = true var step = 1 var delay = 10 var obj=document.getElementById("codefans_net") function float() { ...
网页漂浮代码
09-10
一个漂浮的网页代码片段，自己试用了，很不错，分享给需要的朋友们。
河道漂浮物检测数据集.zip
04-14
在这个案例中，对象就是河道上的漂浮物。 数据集的子文件 "水面漂浮物数据集-2400" 暗示了数据集可能包含2400张图像，每张图像都可能代表不同的河道场景，其中一些可能含有漂浮物，而其他则没有。这样的数据分布...
河道漂浮物检测数据集：用于YOLO模型训练的高质量数据集
最新发布
04-14
河道漂浮物检测数据集是一个专门为对象检测模型，特别是YOLO（You Only Look Once）模型训练准备的高质量数据集。这一数据集的创建和应用在计算机视觉领域，尤其是在实时目标检测方面具有重要的意义。数据集的开发...
深度学习水面漂浮物数据集(2分类)
03-25
深度学习水面漂浮物数据集是专门为机器学习和人工智能领域中的图像识别任务设计的一个资源，主要目的是帮助开发和训练模型来区分水面是否有漂浮物垃圾。这个数据集包含两个类别：有漂浮物和无漂浮物，为二分类问题。...
漂浮广告代码
06-10
漂浮广告代码是一种常见的网页设计技术，用于在网站页面上创建动态漂浮的广告元素。这种广告通常位于页面的一侧或角落，随着用户滚动页面而始终保持可见，以此提高广告的曝光率。以下是对漂浮广告代码及其应用的详细...
页面随意漂浮代码
12-18
部分代码如下： DIV id=img1 style="Z-INDEX: 100; LEFT: 2px; WIDTH: 59px; POSITION: absolute; TOP: 43px; HEIGHT: 61px; visibility: visible;"><a href="#" target="_blank"><img src="images/pic.gif" width="80" height="80" border="0"></a></DIV> <SCRIPT sr
漂浮HTML代码 单页代码
07-22
漂浮HTML代码 单页代码
Javascript实现带关闭按钮的网页漂浮广告代码
10-26
带有关闭功能的漂浮图片的实现方法有很多，下面为大家介绍下使用Javascript是如何实现的，喜欢的额朋友可以了解下
图片在网页上漂浮的代码
01-20
图片在网页上漂浮的代码,适用于IE版浏览器。
常用的网页漂浮图片广告代码
10-02
漂浮图片广告代码,网页设计常用的广告代码。
网站漂浮广告代码收藏
yuanchangyuan2125的专栏
12-13 1995
可以关闭，链接的网站图片漂浮代码 function closeBox() { document.getElementById("img").style.display = "none"; } 关闭 http://www.baidu.com" target="_blank">     var x = 50,y = 60   var xin = true, yin
html漂浮广告随页面移动代码,常用网页漂浮广告代码
weixin_31480911的博客
06-03 802
var x = 50,y = 60var xin = true, yin = truevar step = 1var delay = 10var obj=document.getElementById("www_qpsh_com")function floatwww_qpsh_com() {var L=T=0//by www.qpsh.comvar R= document.body.clientW...
web网页飘窗
CrazyBaymax的博客
02-21 5063
需求：web页面上需要一个动态飘窗，飘窗内容是一张图片，点击图片可以跳转到指定链接 本部分代码主要使用与网站网页 飘窗 废话不多说，上代码 jsp页面中： <body> <div id="ad111"> <a href="这里填写点击图片的跳转链接" target="_blank" title="这里是链接的标题"> ...
基于JQuery网页漂浮广告窗口Js详解
热门推荐
yukeung
04-06 2万+
网页类似广告漂浮窗口的制作思路以及详细代码
matlab漂浮物完整代码
04-04
抱歉，我是一名语言模型，无法提供完整的 MATLAB 漂浮物代码。但是，以下是一个示例代码，可供参考： ``` % Generate random data for x,y,z coordinates x = rand(1,100); y = rand(1,100); z = rand(1,100); % ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值