js浮动窗口代码
2006-07-16 17:46
218 查看
<!-- ============浮动窗口代码开始============ ========= -->
<div id=divMenu style="position:absolute; visibility:visible; z-index:1; top:90px;">
<table width="66" height="341" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><iframe src="c" frameborder="0" width="66" height="314" marginwidth="0" marginheight="0" scrolling="no" style="border:0" allowTransparency="true"></iframe></td>
</tr>
</table>
</div>
<script language="JavaScript">
<!--
var bNetscape4plus = (navigator.appName == "Netscape" && navigator.appVersion.substring(0,1) >= "4");
var bExplorer4plus = (navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.substring(0,1) >= "4");
function CheckUIElements(){
var yMenuFrom, yMenuTo, yButtonFrom, yButtonTo, yOffset, timeoutNextCheck;
if ( bNetscape4plus ) {
yMenuFrom = document["divMenu"].top;
yMenuTo = top.pageYOffset +90;
}
else if ( bExplorer4plus ) {
yMenuFrom = parseInt (divMenu.style.top, 10);
yMenuTo = document.body.scrollTop + 20;
if (yMenuTo < 90) { yMenuTo =90; }
}
timeoutNextCheck = 90;
if ( Math.abs (yButtonFrom - (yMenuTo + 0)) < 6 && yButtonTo < yButtonFrom ) {
setTimeout ("CheckUIElements()", timeoutNextCheck);
return;
}
if ( yButtonFrom != yButtonTo ) {
yOffset = Math.ceil( Math.abs( yButtonTo - yButtonFrom ) / 10 );
if ( yButtonTo < yButtonFrom )
yOffset = -yOffset;
if ( bNetscape4plus )
document["divLinkButton"].top += yOffset;
else if ( bExplorer4plus )
divLinkButton.style.top = parseInt (divLinkButton.style.top, 10) + yOffset;
timeoutNextCheck = 10;
}
if ( yMenuFrom != yMenuTo ) {
yOffset = Math.ceil( Math.abs( yMenuTo - yMenuFrom ) / 20 );
if ( yMenuTo < yMenuFrom )
yOffset = -yOffset;
if ( bNetscape4plus )
document["divMenu"].top += yOffset;
else if ( bExplorer4plus )
divMenu.style.top = parseInt (divMenu.style.top, 10) + yOffset ;
timeoutNextCheck = 10;
}
setTimeout ("CheckUIElements()", timeoutNextCheck);
}
function OnLoad()
{
var y;
if ( top.frames.length )
if ( bNetscape4plus ) {
document["divMenu"].top = top.pageYOffset + 100;
document["divMenu"].visibility = "visible";
}
else if ( bExplorer4plus ) {
divMenu.style.top = document.body.scrollTop + 100;
divMenu.style.visibility = "visible";
}
CheckUIElements();
return true;
}
OnLoad();
//-->
</script>
<!-- ============浮动窗口代码结束============ ========= -->
<div id=divMenu style="position:absolute; visibility:visible; z-index:1; top:90px;">
<table width="66" height="341" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><iframe src="c" frameborder="0" width="66" height="314" marginwidth="0" marginheight="0" scrolling="no" style="border:0" allowTransparency="true"></iframe></td>
</tr>
</table>
</div>
<script language="JavaScript">
<!--
var bNetscape4plus = (navigator.appName == "Netscape" && navigator.appVersion.substring(0,1) >= "4");
var bExplorer4plus = (navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.substring(0,1) >= "4");
function CheckUIElements(){
var yMenuFrom, yMenuTo, yButtonFrom, yButtonTo, yOffset, timeoutNextCheck;
if ( bNetscape4plus ) {
yMenuFrom = document["divMenu"].top;
yMenuTo = top.pageYOffset +90;
}
else if ( bExplorer4plus ) {
yMenuFrom = parseInt (divMenu.style.top, 10);
yMenuTo = document.body.scrollTop + 20;
if (yMenuTo < 90) { yMenuTo =90; }
}
timeoutNextCheck = 90;
if ( Math.abs (yButtonFrom - (yMenuTo + 0)) < 6 && yButtonTo < yButtonFrom ) {
setTimeout ("CheckUIElements()", timeoutNextCheck);
return;
}
if ( yButtonFrom != yButtonTo ) {
yOffset = Math.ceil( Math.abs( yButtonTo - yButtonFrom ) / 10 );
if ( yButtonTo < yButtonFrom )
yOffset = -yOffset;
if ( bNetscape4plus )
document["divLinkButton"].top += yOffset;
else if ( bExplorer4plus )
divLinkButton.style.top = parseInt (divLinkButton.style.top, 10) + yOffset;
timeoutNextCheck = 10;
}
if ( yMenuFrom != yMenuTo ) {
yOffset = Math.ceil( Math.abs( yMenuTo - yMenuFrom ) / 20 );
if ( yMenuTo < yMenuFrom )
yOffset = -yOffset;
if ( bNetscape4plus )
document["divMenu"].top += yOffset;
else if ( bExplorer4plus )
divMenu.style.top = parseInt (divMenu.style.top, 10) + yOffset ;
timeoutNextCheck = 10;
}
setTimeout ("CheckUIElements()", timeoutNextCheck);
}
function OnLoad()
{
var y;
if ( top.frames.length )
if ( bNetscape4plus ) {
document["divMenu"].top = top.pageYOffset + 100;
document["divMenu"].visibility = "visible";
}
else if ( bExplorer4plus ) {
divMenu.style.top = document.body.scrollTop + 100;
divMenu.style.visibility = "visible";
}
CheckUIElements();
return true;
}
OnLoad();
//-->
</script>
<!-- ============浮动窗口代码结束============ ========= -->
相关文章推荐
- 浮动窗口代码(带关闭按钮+全屏漂浮)
- 自动关闭窗口JS代码!
- 无需JS和jQuery代码实现CSS3鼠标浮动放大图片
- 将当前窗口最大化代码JS代码
- 建站代码====js两侧浮动广告
- JS关闭窗口或JS关闭页面的几种代码
- 右下角浮动窗口代码示例
- JS关闭窗口或JS关闭页面的几种代码分享
- js实现select跳转菜单新窗口效果代码分享(超简单)
- JS关闭窗口或JS关闭页面的几种代码
- 浮动窗口代码(带关闭按钮+全屏漂浮)
- 总结一些JS获取窗口事件的代码!
- 【js】右下角浮动窗口
- 不提示直接关闭网页窗口的JS示例代码
- 不提示直接关闭网页窗口的JS示例代码
- transitional.dtd影响浮动效果的解决:改js代码中的document.body
- JS弹出窗口代码大全(详细整理)
- 浮动的div自适应居中显示的js代码
- 对联浮动广告JS代码不滚动不浮动的解决方法
- js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码