经典的js物理弹性漂浮图片广告代码

比较经典通用的Js物理弹性漂浮广告代码,漂浮速度适中、大小适中,是最经典最标准的漂浮广告代码了,推荐给大家使用。不过漂浮广告在一个页面上最好不要放太多,否则很影响网站浏览体验,得不偿失。

<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>经典的js物理弹性漂浮图片广告代码丨kiddy</title>
    </head>
    <body>
    <DIV id=img1 style="Z-INDEX: 100; LEFT: 2px; WIDTH: 59px; POSITION: absolute; TOP: 43px; HEIGHT: 61px;
    visibility: visible;"><a href="http://www.langqiaohome.com/" target="_blank"><img src="http://www.langqiaohome.com/uploads/allimg/150402/1-150402152444U1.jpg" width="250" height="60" border="0"></a></DIV>
    <div align="center">
    <p>
    <SCRIPT>
    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();
    </SCRIPT>
    </p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>js物理弹性漂浮广告</p>
    <p></p>
    <p>&nbsp;</p>
    </div>
    </body>
    </html>
时间: 2025-01-07 20:24:14

经典的js物理弹性漂浮图片广告代码的相关文章

页面上无法屏蔽的左右两侧的漂浮图片广告

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>页面上无法屏蔽的左右两侧的漂浮图片广告丨电

随机漂浮图片广告实例代码

<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>漂浮广告代码-蚂蚁部落</title><style type="text/css">#thediv{ z-i

右下角带关闭按钮的图片广告代码

<!-- 微信开始 --> <style> #INDEXT_RB_AD{ clear:both; width:200px; height:200px; z-index:1000; overflow:hidden; bottom:5px; right:5px; /* 火狐.google浏览器只需要后面这一句代码即可 */ position:fixed !important; /* 以下代码是针对ie6的 */ _position:absolute; _top: expression(

JavaScript浮动广告代码,容纯DIV/CSS对联漂浮广告代码,兼容性非常好的js右下角与漂浮广告代码

基于JavaScript代码实现随机漂浮图片广告,javascript图片广告 在网上有很多这样的代码,不过未必符合W3C标准,因为在头部加上<!DOCTYPE html>类似标签之后,漂浮效果就会失效,下面分享一个符合标准的漂浮代码,使需要的朋友免去大量改造代码的繁琐. 代码一: 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name

Js弹性漂浮广告代码

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>Js弹性漂浮广告代码</title></head><body><DIV id=img1 style="Z-INDEX: 100; LEFT: 2px; WIDTH: 59px; POSITIO

无法屏蔽的左右漂浮图片对联广告

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>无法屏蔽的左右漂浮图片对联广告丨河北塑胶地

JS带关闭按钮的网页漂浮广告代码

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>带关闭按钮的网页漂浮广告代码</title> </head> <body> <div id="img" style="position: absolute; left: 

JavaScript 图片广告自动与手动的切换

?1.代码 <html> <head>   <script type="text/javascript" src="jquery-1.8.js"></script>   <script type="text/javascript" src="pictrue-con.js"></script>   <style>            #pic1

网页特效”漂浮广告代码”来回跳动的

<div id="ad" style="position:absolute"><a href="http://www.scshlx.com/wayne173" target="_blank"><img src="http://www.hxlysw.com/images/adminlogo.gif" border="0"></a></d