飘来飘去的广告

最新推荐文章于 2024-11-20 16:54:55 发布
原创 最新推荐文章于 2024-11-20 16:54:55 发布 · 800 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#delay #function #javascript #html #div

<HTML>
    <HEAD>
        <TITLE>小山</TITLE>
    </HEAD>
    <BODY>
        <DIV id="img" style="LEFT: 0px; WIDTH: 99px; POSITION: absolute; TOP: 1582px; HEIGHT: 24px">
            <img src="1.jpg" width="50" height="50">
        </DIV>
        <SCRIPT language="JavaScript"> 
            var xPos = 20; 
            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>
    </BODY>
</HTML>
JQuery实现动态漂浮广告
lyh_0301的博客
08-13 1758
JQuery实现动态漂浮广告&全局窗口 以下是效果图及实现代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="...
手机底飘广告代码
05-06
手机底飘广告代码是移动应用开发中的一个常见技术，用于在手机屏幕底部显示浮动的广告条，以此提高广告曝光率和用户互动性。这类广告通常设计为轻量级且不遮挡主要内容，使得用户在使用应用的同时能注意到广告信息。...
一段超级好的..漂浮广告代码..精一下..
卢恪
06-01 1121
CODE: var imagepath="http://www.mmblue.com/ad/ad.jpg" var imagewidth=171 //这两行写图片的大小 var imageheight=133 var speed=3; var imageclick="http://www.mmblue.com/" //这里写点击图片连接到的地址 var hideafter=0 va
网页上随意飘动的广告js
09-01
网页上随意飘动的广告js源代码，点击可以关闭效果
php漂浮广告代码,JS随机漂浮广告代码具体实例
weixin_42512183的博客
03-11 350
复制代码 代码如下: var xPos=0,yPos=0;//x,y轴坐标var xon=0;//图片在x轴移动方向var yon=0;//图片在y轴移动方向var step=1; //移动距离var img=document.getElementByIdx_x("float");//图片层function floatP(){var width=document.body.cl...
JS漂浮广告代码，图片飘动，响应鼠标停止
艾特
04-19 410
[code="javascript"] 漂浮广告代码 如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：http://www.veryhuo.com/[/code]
超简单漂浮广告代码、网页漂浮广告代码、jQuery漂浮广告、div漂浮层
热门推荐
weixin_42350070的博客
08-27 2万+
简单的漂浮广告，在网页可视区域飘动   &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;script type="text/javascript&
php手册安卓版去广告,去广告规则分享【不用软件啦！】
weixin_29182481的博客
03-27 802
本帖最后由 rainlee 于 2016-10-10 02:51 编辑老鸟飘过就好哈，最近初次自己添加规则来去网站和软件广告，就百度相关内容研究了一下我是利用浏览器去广告的插件添加‘现成的去广告规则’来达到去广告效果QQ截图20161010022005.png (33.56 KB, 下载次数: 16)2016-10-10 02:47 上传还在纳闷一些拦截不了广告该怎么去掉，于是就谷歌百度都搜索了一...
制作浮动广告
最新发布
m0_58258716的博客
11-20 619
在一个网页中制作浮动广告，要求广告浮动到网页内容之上，并不断运动。在碰到网页内容边界时，能“弹回”并继续运动。当鼠标指针放在广告上时，广告停止运动；当鼠标指针离开广告时，广告继续运动。用户能单击广告上的“关闭”按钮关闭浮动广告。(4) 使用JavaScript的定时调用函数，实现广告的不断运动。(2) 使用JavaScript获取并设置广告的定位属性；(1) 使用CSS样式的绝对定位，将广告浮于页面之上；(3) 使用JavaScript设置鼠标悬停效果；
html5云彩飘过特效,Html5添加超有趣的白云飘动特效插件教程
weixin_34058060的博客
06-04 684
一、安装bower install jqlouds --save二、使用方法$('#sky1, #sky2').jQlouds();三、设置天空的高度(1)CSSjQuery(function($) {$('#sky').jQlouds();});(2)JSjQuery(function($) {$('#sky').jQlouds({ skyHeight: 223 });});四、白云飘动动画$(...
3Dmax飘带插件springmagic
08-09
在实际应用中，SpringMagic广泛应用于游戏开发、电影特效、广告动画等领域，尤其在角色动画和环境渲染中表现出色。例如，在电影中，它可以创造出逼真的旗帜飘扬或水草摇曳效果；在游戏中，它可以增强角色的动态表现...
多浏览器兼容右下角固飘广告代码.rar
05-24
但对于兼容性稍微好点的确实不多，最近从广告商那里发现了下面的代码，对功能增加了一些，可以关闭，点击广告后再显示关闭字样，效果不减，用户体验稍微好点，不能关闭的右下角广告对与小屏幕的使用者来说是很难受的...
3dmax飘带插件
07-30
《3Dmax飘带插件：骨骼...对于游戏开发、电影特效、广告设计等领域的专业人士来说，这无疑是一个不可或缺的工具。在实际应用中，掌握插件的使用不仅能提高工作效率，还能创造出更具视觉冲击力和真实感的3D飘带动画。
制作飘的广告层实例（由JS实现）
05-14
这是一个在HTML中随机飘动的广告层（由JS实现）。
【前端】js 在浏览器窗口飘来飘去的div
bw_yyziq的博客
12-03 1431
实现以下功能： 1.div自动飘来飘去 + 触及窗口边界反弹 基本思想就是在window.onload方法内使用setInterval()函数，用： var windowWidth = window.innerWidth; var windowHeight = window.innerHeight; 获取当前的窗口大小。 此部分js代码如下： //调用下面的飘动方法，此句写在win...
javascript 技术实战
Quentinlee的专栏
08-23 4191
    我的博客                跨越生活的足迹................... 2007-1-8pt和px的区别    像素（Pixel）是相对长度单位，是相对于显示器屏幕分辨率而言的。   点（Point）是绝对长度单位。1in=2.54cm=25.4mm=72pt=6pc。 用pt的话会随浏览器或系统的显示字体大小改变。   推荐用px，因为px能够精确地表示元素
使用showModalDialog出现中文乱码问题
Quentinlee的专栏
08-17 2907
asp:treeView.node.NavigateUrl = "javascript:window.showModalDialog(test.aspx?Auto=2&LX= + escape(上海市),,dialogHeight=200px;dialogWidth=500px;toolbar =no; menubar=no;scrollbars=no;status=no;scrol
手机底部悬浮广告实现代码解析
对于手机底飘广告来说，以下几个方面尤为重要： 1. **目标用户定位**：通过用户属性、浏览历史等数据分析确定精准的目标用户群体，提高广告投放的效率。 2. **广告素材设计**：创意和吸引力是吸引用户点击的关键，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值