在html页面中,向下翻看页面时看到整个网页的一半时,底部d出一个漂浮层,始终在底部漂浮!

在html页面中,向下翻看页面时看到整个网页的一半时,底部d出一个漂浮层,始终在底部漂浮!,第1张

你是问这个现象是为什么,还是你制作网页需要这个效果?

如果是问为什么,那是别人网站做广告的常用方式,也有的网页用它来制作点击返回顶部的按钮。

如果要做这个效果,思路是用javascript判断滚动条的高度,条件满足后display:block一个position:absolute,z-index较大的div。

介绍几种方法:

第一种:javascripts代码

<SCRIPT LANGUAGE="javascript"> 

<!-- 

window.open ('page.html') 

--> 

</SCRIPT>

这一段代码可以加入HTML的任意位置,<head>和</head>之间可以,<body>间</body>也可以,越前越早执行,尤其是页面代码长,又想使页面早点d出就尽量往前放。也可以,越前越早执行,尤其是页面代码长,又想使页面早点d出就尽量往前放。

第二种:

<SCRIPT LANGUAGE="javascript"> 

<!-- 

window.open ('page.html', 'newwindow', 'height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no,status=no') 

//写成一行 

--> 

</SCRIPT>

第三种:函数控制

下面是一个完整的代码: 

<html> 

<head> 

<script LANGUAGE="javascript"> 

<!-- 

function openwin() { 

window.open ("page.html", "newwindow", "height=100, width=400, toolbar=no,menubar=no, scrollbars=no, resizable=no, location=no, status=no") 

//写成一行 

//--> 

</script> 

</head> 

<body onload="openwin()"> 

...任意的页面内容... 

</body> 

</html>

上面这三种d出窗口的代码都可以应用。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/8352601.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存