Js广告_全屏漂浮广告

<!DOCTYPE HTML>

<html lang="en">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Js广告_全屏漂浮广告</title>

<style type="text/css">

div#roll{width:100px;height:100px; color:#fff; position:absolute;}

</style>

</head>

<body>

<div id="roll">我是广告</div>

<script type="text/javascript">

var ggRoll = {

roll : document.getElementById("roll"),

speed : 20,

statusX : 1,

statusY : 1,

x : 100,

y : 300,

winW : document.documentElement.clientWidth - document.getElementById("roll").offsetWidth,

winH : document.documentElement.clientHeight - document.getElementById("roll").offsetHeight,

Go : function(){

this.roll.style.left=this.x+‘px‘;

this.roll.style.top=this.y+‘px‘;

this.x = this.x + (this.statusX? -1: 1)

if(this.x < 0) {this.statusX = 0}

if(this.x > this.winW) {this.statusX = 1}

this.y = this.y + (this.statusY? -1: 1)

if(this.y < 0) {this.statusY = 0}

if(this.y > this.winH) {this.statusY = 1}

}

}

var interval = setInterval("ggRoll.Go()", ggRoll.speed);

ggRoll.roll.onmouseover = function(){clearInterval(interval)};

ggRoll.roll.onmouseout = function(){interval = setInterval("ggRoll.Go()", ggRoll.speed)};

</script>

</body>

</html>
时间： 2024-11-02 17:04:43

Js广告_全屏漂浮广告的相关文章

全屏漂浮

虽然说现在已经很少有用到双联的广告或者是全屏漂浮的那种广告了,但是还是在某种情况下会有这样的需求.刚好用到了,在网上经过各种筛选,已经不记得原出处在哪了.只剩下好用的骨头了.上代码:(图片自行替换,一个背景片,一个是关闭按钮图片) <div id="FloatBox" class="FloatBox"> <a href="#" target="_blank"><img src="imag

java_eclipse_maven_svn_主题彩色插件_全屏插件

作为一名不算新手的猿猿,还来纠结IDE环境搭建实属不该,不过着实纠结了不少时间. target: eclipse + maven +svn + 设置默认编码+全屏 绕的路就不说了,直奔主题,由于maven中央近端不知道抽什么疯,在线安装,插件本地安装总是失败,最用通过 1: 含maven 的插件 http://www.eclipse.org/downloads/ 选择: javaee ,之前选的标准版,发现没有继承maven ,很是折腾 http://www.eclipse.org/downlo

用html5 js实现浏览器全屏

项目中需要将后台浏览器的窗口全屏,也就是我们点击一个按钮要实现按F11全屏的效果. 在HTML5中,W3C制定了关于全屏的API,就可以实现全屏幕的效果,也可以让页面中的图片,视频等全屏目前只有google chrome 15 +, safri5.1+,firfox10+,IE11支持 全屏 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 var docElm = document.documentElement; //W3C  if (docElm.re

[JavaScript] 用html5 js实现浏览器全屏

项目中需要将后台浏览器的窗口全屏,也就是我们点击一个按钮要实现按F11全屏的 效果. 在HTML5中,W3C制定了关于全屏的API,就可以实现全屏幕的效果,也可以 让页面中的图片,视频等全屏目前只有google chrome 15 +,safri5.1+,firfox10+,IE11支持 全屏: var docElm = document.documentElement; //W3C   if (docElm.requestFullscreen) {       docElm.requestFu

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

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

让用户端JS触发F11全屏

让用户端JS触发指的就是让用JS监听用户的操作事件,通过JS程序去实现F11全屏.这个事件可以是一个按钮的点击事件,当然也可以是键盘事件,比如用户按下F11.    1.F11键盘事件触发 当用户按下F11事件,浏览器为触发自身全屏功能,这个过程我们一般是不可控制的,即使是监听了F11的键盘事件,退出全屏的时候,我们也捕捉不到退出全屏触发的事件.所以,我们就用程序自己去实现F11的功能,首先需要禁用浏览器默认的事件动作. 1 $(document).on('keydown', function

全屏漂浮效果

自己写的一个满屏漂浮JS效果 很土的一个效果,在互联网上感觉消失了好久了,但是最近在做一个项目的时候,又要用到,临时找还找不到,就写了一个,记录于此以防后用 <script type="text/javascript"> $(function () { //浮动图片 var floatImg = $("#img1"); floatImg.css("position", "absolute"); var imgW =

js控制浏览器全屏

HTML 5中的full screen,目前可以在除IE和opera外的浏览器中使用 ,有的时候用来做全屏API,游戏呀,等都很有用.先看常见的API element.requestFullScreen() 作用:请求某个元素element全屏 Document.getElementById("myCanvas").requestFullScreen() 这里是将其中的元素ID去请求fullscreen 退出全屏 document.cancelFullScreen() Document

html5 js实现浏览器全屏

全屏 var docElm = document.documentElement; //W3C if (docElm.requestFullscreen) { docElm.requestFullscreen(); } //FireFox else if (docElm.mozRequestFullScreen) { docElm.mozRequestFullScreen(); } //Chrome等 else if (docElm.webkitRequestFullScreen) { docE