当前位置：Gxlcms > JavaScript > javascript实现的在当前窗口中漂浮框的代码

javascript实现的在当前窗口中漂浮框的代码

时间：2021-07-01 10:21:17 帮助过：9人阅读

<!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> 
<style> 
.div_float img{width:100px;} 
</style> 
<body> 
 
 
<script language="javascript"> 
var oTop=0;//当前窗口的顶部 
var oBottom=0;//当前窗口的底部 
function MyObjectFloatPhotos(_id,_title,_url,_src) { //自定义对象，具体图片信息 
this.id=_id; 
this.title=_title; 
this.url=_url; 
this.src=_src; 
} 
function MyObjectFloatPosition(xon,yon,xPos,yPos,_div,interval) { //浮动层对象 
this.xon=xon; 
this.yon=yon; 
this.xPos=xPos; 
this.yPos=yPos; 
this.div=_div; 
this.interval=interval; //记录重复的键码，用于取消循环事件 
} 
var step = 1; 
var delay = 30; //循环间隔 
var height = 0; 
var Hoffset = 0; 
var Woffset = 0; 
var pause = true; 
function changePosByID(_id) { 
for(var i=0;i = (oBottom - Hoffset)) { 
_myObj.yon = 0; 
_myObj.yPos = (oBottom - Hoffset); 
} 
/*当前窗口中飘动*/ 
if (_myObj.xon) { 
_myObj.xPos = _myObj.xPos + step; 
} 
else { 
_myObj.xPos = _myObj.xPos - step; 
} 
if (_myObj.xPos < 0) { 
_myObj.xon = 1; 
_myObj.xPos = 0; 
} 
if (_myObj.xPos >= (width - Woffset)) { 
_myObj.xon = 0; 
_myObj.xPos = (width - Woffset); 
} 
} 
function start() { //所有浮动层开始漂浮 
createFloatDiv(); 
for(var i=0;i '; 
temp_str+='关闭'; 
temp_str+='<img border=\'0\' src=\''+arrayMyObjectFloatPhotos[i].src +'\' alt="" />'; 
temp_str+=''; 
document.getElementById('div_float').innerHTML = document.getElementById('div_float').innerHTML+temp_str; 
} 
for(var i=0;i  
 
  
<script> 
var delay = 30; //循环间隔 
setInterval('disPosition()', delay); //以下函数为获得当前窗口的可见高度 
function disPosition(){ 
oTop=document.documentElement.scrollTop; 
oBottom=div_absmiddle.offsetTop*2 + div_absmiddle.offsetHeight - 20 + document.documentElement.scrollTop; 
} 
</script> 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

javascript实现的在当前窗口中漂浮框的代码

人气教程排行