窗口中一直飘动的广告效果

原创 2007年09月27日 22:41:00
 下面代码是一个漂浮广告效果,请把IMG的SRC改成你自己电脑上的一张图片的地址。
<!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>无标题页</title>
    
<script>
    
var dx=5,dy=5;
    
    
var interval=100;
    
    
var intervalID=window.setInterval('moveDiv()',interval);
    
    
function moveDiv()
    
{
        
if(window.closed)
        
{
            clearInterval(intervalID);
        }

        window.status
=document.getElementById('swfDiv').style.posLeft+dx;
        
//(window.screen.availWidth-100)   (window.screen.availHeight-80)
        if(((document.getElementById('swfDiv').style.posLeft+dx)>800)||((document.getElementById('swfDiv').style.posLeft+dx)<0))
        
{
            dx
=-dx;
        }

        
if(((document.getElementById('swfDiv').style.posTop+dy)>445)||((document.getElementById('swfDiv').style.posTop+dy)<0))
        
{
            dy
=-dy;
        }

        document.getElementById(
'swfDiv').style.posLeft += dx;
        document.getElementById(
'swfDiv').style.posTop += dy;
    }

    
    
    
</script>
</head>
<body>
<div id="swfDiv" style="width:100px; height:80px; position:absolute; top:0; left:0; z-index:99; border-bottom:solid 1px black; border-left:solid 1px black; border-right:solid 1px black; border-top:solid 1px black">
<img src="{67A7B337-4419-4361-92CC-F8FC3F445680}.JPG" />
</div>
</body>
</html>

网页上随意飘动的广告js

  • 2014年09月01日 16:31
  • 2KB
  • 下载

栀子花香在六月的空气里 流浪轻巧的童车缓缓推动 幼年的时光
  • dwater
  • dwater
  • 2005年07月01日 16:34
  • 812

javascript 实现FLASH浮动图标广告代码

  使用 Javascript 代码,实现一个可移动的图标在网页上飘动,鼠标放在上面的时候,图标不动,移开后,图标又开始移动.javascript 代码如下:script language=javas...
  • whqcfp
  • whqcfp
  • 2008年04月15日 09:12
  • 1588

基于JQuery网页漂浮广告窗口Js详解

网页类似广告漂浮窗口的制作思路以及详细代码
  • u011427035
  • u011427035
  • 2016年04月06日 09:38
  • 6783

jquery实现云朵飘动

每天一个小动画。
  • studyrzy
  • studyrzy
  • 2014年07月07日 11:56
  • 1597

HTML5-媒体标签

video标签 作用: 播放视频 格式1: src=""> video标签的属性 src: 告诉video标签需要播放的视频地址autoplay: 告诉vi...
  • summerchencongxx
  • summerchencongxx
  • 2017年03月13日 16:56
  • 752

媒体标签

媒体标签
  • hoho_12
  • hoho_12
  • 2016年08月02日 19:51
  • 166

IOS应用开发12——透明浮窗效果实现

这是一个简单实现的半遮罩透明视图实现,可用在消息提示,输入,选取等场景。...
  • Ably_Clove
  • Ably_Clove
  • 2014年09月19日 11:06
  • 1366

JS的飘动窗口特效

http://www.pkvs.com" target="_blank">http://www.pkvs.com/texiao/images/logo.gif" border="0">var xPos...
  • yzj_000
  • yzj_000
  • 2007年11月07日 14:04
  • 3552

JS 彈窗

ALERT
  • chienweiluo
  • chienweiluo
  • 2016年12月06日 00:18
  • 161
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:窗口中一直飘动的广告效果
举报原因:
原因补充:

(最多只允许输入30个字)