飘窗代码

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>飘窗代码</title>
</head>

<body>
<div id="FlAD" style="position:absolute; z-index:10;left: 100; top: 100" > <span style="color:red; float:right; font-size:12px; cursor:pointer;" onClick="img.style.visibility = ‘hidden‘">关闭</span><br />
  <a href="#" target="_blank" title="文字"> <img src="http://210.75.213.166/Portals/0/2010images/2011lh.gif" width="160" border="0" alt="" /></a></div>
<script type="text/javascript">
<!--Begin
var img = document.getElementById(‘FlAD‘);
var xPos = 200;
var yPos = 200;
var step = 1;
var delay = 40;
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.documentElement.clientWidth || document.body.clientWidth;
height = document.documentElement.clientHeight || document.body.clientHeight;
scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft;
scrollTop = document.documentElement.scrollLeft || document.body.scrollTop;
Hoffset = img.offsetHeight;
Woffset = img.offsetWidth;
img.style.left = xPos + scrollLeft +‘px‘;
img.style.top = yPos + scrollTop +‘px‘;
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>
时间: 2024-10-12 06:16:22

飘窗代码的相关文章

左右飘窗代码研读

var browser={ ie6:function(){ return((window.XMLHttpRequest==undefined)&&(ActiveXObject!=undefined)) }, getWindow:function(){ var myHeight=0; var myWidth=0; if(typeof(window.innerWidth)=='number'){ myHeight=window.innerHeight; myWidth=window.inner

飘窗代码,自己补充了一下

<!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"> <meta content="text/html; charset=UTF-8

网页前台页面图片飘窗代码

<!---飘窗开始---> <div id="img1" style="z-index: 999; border: 1px solid rgb(204, 204, 204); width: 340px; background-color: white; height: 100px; position: absolute; top: 29px; left: 1230px; font-size: 13px;" > <div style=&q

飘窗代码修改了一段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> <meta http-equiv="Content-

js飘窗

本次记录一下js实现飘窗代码遇到的问题,主要是将飘窗始终保持在可视区域内,实现ie低版本的兼容. 首先是实现飘窗问题,代码网上一查一大堆很容易实现飘窗,如我在网上找的一个例子: var x = 50,y = 60var xin = true, yin = truevar step = 1var delay = 10var obj=document.getElementById("specialdiv")var userAgent=navigator.userAgent;function

错误和问题解决的成本

问题描写叙述 错误 数据收集 根本原因 版本号   组件:数据修复           在一个实际成本组织中,(平均,先进先出,后进先出) 一个或更 多的下面情况可能发生: 1.导航到物料成本历史表单上的数量信息,与现有量表单的数量不匹配的记录 2. 一些物料前期已计成本的数量与前面的事务处理历史表单的数量不匹配 3. 全部的库存值报表与事务处理值报表不匹配 4. 存货层次成本更新表单的总数量与现有量数量表单不匹配(只在先进先出/后进先出) 5.这些症状的不论什么一个意味着 MMT-CQL不匹配

网站飘窗js代码

<SCRIPT> var imagepath="/${res}/images/geren.jpg" ; var imagewidth=178 ;//这两行写图片的大小 var imageheight=80 ; var speed=2; var imageclick="http://www.baidu.com" ;//这里写点击图片连接到的地址 var hideafter=0 ; var isie=0; if(window.navigator.appNam

js控制下的飘窗

今天有学员反映说昨天去面试,有个考官问他会写飘窗吗?在反复的斟酌之后,她回答了不会.然后考官问她,有没有什么思路?她竟然说老师没教过!!! 到底还是小女生,其实考官的目的很明显,他的目的是想知道你的思考能力和解决问题的思路,毕竟不可能面试到的所有问题你都是接触过或研究过的. 最后重点说下,这个飘窗,小寻哥是真的教过,只不过当时觉得太简单,所以一笔带过,想不到啊,想不到啊... 早上一生气,特意带全班同学重新写了一遍,顺便贴上这处代码,其实很简单,重点的是思路,思路啊! <!DOCTYPE HTM

CGridCtrl某一列增加ToolTip飘窗效果

CGridCtrl是MFC时代一个强大的表格控件类,我们在使用中如果某一列里的内容过多,无法显示完全的时候,需要鼠标指向这个列可以Tooltip飘窗显示的时候,可以用到下面这个方法. 使用的类是 CToolTipCtrl  ,使用CToolTipCtrl的时候会调用AddToolTip这个方法,但是这个方法是需要传递一个控件的指针,而CGridCtrl的表格只有一个控件指针,每个单元格不是控件,所以也没有窗口指针.所以正常的AddToolTip方法绑定调用是没有作用的. 看到好多网上的资料都是在