javascript实现的在当前窗口中漂浮框的代码_布局与层

来源：动视网责编：小采时间：2020-11-27 20:47:51

javascript实现的在当前窗口中漂浮框的代码_布局与层

javascript实现的在当前窗口中漂浮框的代码_布局与层: .div_float img{width:100px;} var oTop=0;//当前窗口的顶部 var oBottom=0;//当前窗口的底部 function MyObjectFloatPhotos(_id,_title,_url,_src) { //自定义对象，具体图片信息 this.id=_id; this.tit

推荐度：

点击下载本文 文档为doc格式

导读javascript实现的在当前窗口中漂浮框的代码_布局与层: .div_float img{width:100px;} var oTop=0;//当前窗口的顶部 var oBottom=0;//当前窗口的底部 function MyObjectFloatPhotos(_id,_title,_url,_src) { //自定义对象，具体图片信息 this.id=_id; this.tit

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<style> 
.div_float img{width:100px;} 
</style> 
<body> 
 
 
 
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 +'\' " />'; 
temp_str+=''; 
document.getElementById('div_float').innerHTML = document.getElementById('div_float').innerHTML+temp_str; 
} 
for(var i=0;i 
 
 
 
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实现的在当前窗口中漂浮框的代码_布局与层

推荐度：

点击下载本文 文档为doc格式

标签： js 漂浮代码

热门焦点

javascript实现的在当前窗口中漂浮框的代码_布局与层

javascript实现的在当前窗口中漂浮框的代码_布局与层

javascript实现的在当前窗口中漂浮框的代码_布局与层

最新推荐

猜你喜欢

热门推荐