html自动广告业代码,html+javascript实现广告窗自由浮动

首先介绍一种设置div初始位置的定位方法：

.html代码如下：

层的移动

#ad{width:120px;height:120px;background:url(images/default.gif);position:relative;}

var obj = null;

function init(){

obj = document.getElementById("ad");

obj.style.left="10px";//设置初始位置

obj.style.top="10px";

alert(obj.style.posLeft);//获得方式一

alert(parseInt(obj.style.left));//获得方式二

}

function move(){

}

实现广告窗口在可视范围内浮动代码如下：

层的移动

#ad{width:120px;height:120px;background:url(images/default.gif);position:relative;}

var id;

var directionX=true,directionY=true;

var x=10,y=10;

var obj = null;

function init(){

obj = document.getElementById("ad");//获得对象

obj.style.posLeft = x;//对象属性设置

obj.style.posTop = y;

id = setInterval(move,100);//100ms重复执行move方法

}

function move(){

var width=document.documentElement.clientWidth-obj.offsetWidth;

var height= document.documentElement.clientHeight-obj.offsetHeight;

if(x>=width ){//说明移动到最右边

directionX = false;

}

if(x==0){//移动到最左边

directionX = true;

}

if(y >= height){

directionY = false;

}

if(y==0){

directionY = true;

}

if(directionX)

x += 10;

else

x -= 10;

if(directionY)

y += 10;

else

y -= 10;

obj.style.posLeft = x;

obj.style.posTop = y;

}

html自动广告业代码,html+javascript实现广告窗自由浮动相关推荐

html+javascript实现广告窗自由浮动
首先介绍一种设置div初始位置的定位方法: .html代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional// ...
百度联盟广告代码php,Javascript 实现广告后加载可加载百度谷歌联盟广告[原创]_javascript技巧...
本文主要介绍一种新的广告后加载的方式,支持自定义HTML广告.百度联盟广告和谷歌联盟广告.这种方式在页面加载完成后执行,不影响内容的显示,对用户更加友好. 我们在网站上放置广告,最简单的方法就是把JS ...
javascript经典广告代码.rar
javascript经典广告代码.rar 转载于:https://www.cnblogs.com/hayden/archive/2009/07/31/1535749.html
php实现飘窗,JS实现网站图片飘窗效果，JavaScript悬浮广告（附详细代码）
原标题:JS实现网站图片飘窗效果,JavaScript悬浮广告(附详细代码) JS实现网站图片飘窗效果,Java悬浮广告,郑州SEO提供以下代码,仅供参考: 飘窗效果-丁光辉博客(www.dinggu ...
html自动滚动代码,html+css+javascript实现列表循环滚动示例代码
说明:设置时间定时,在规定的时间内替换前一个节点的内容 1.关键代码:javascript: 复制代码代码如下: var dome=document.getElementById("dome ...
sql自动生成工具_可自动生成代码，5款基于AI的开发工具
如今,对机器学习潜力感兴趣的程序员都在讨论,如何使用人工智能和基于人工智能的软件开发工具构建应用程序.例如PyTorch和TensorFlow之类的解决方案. 除此之外,机器学习技术正以另一种有趣的方 ...
eclipse配置PHP自动提示代码
为什么80%的码农都做不了架构师?>>> 配置php自动提示代码 (html/js和PHP方法一样) 1. 打开 Eclipse的 Window -> Preferenc ...
第七十七期：可自动生成代码，5款基于AI的开发工具
如今,对机器学习潜力感兴趣的程序员都在讨论,如何使用人工智能和基于人工智能的软件开发工具构建应用程序.例如PyTorch和TensorFlow之类的解决方案. 作者:Sandra Parker 如今, ...
自动完成代码，提高工作效率
做项目时,我们都是手写代码,但是这样效率不高,如果有自动完成代码功能是不是更好呢? 一:Editplus自动完成功能当你要插入一个有Class的DIV时,你要输出很多代码<div class= ...

html自动广告业代码,html+javascript实现广告窗自由浮动

html自动广告业代码,html+javascript实现广告窗自由浮动相关推荐

最新文章

热门文章