JS悬浮窗口如何实现

JavaScript011

JS悬浮窗口如何实现,第1张

jsp中:

<body>

<div style="position: absolutez-index:90" id="div1">我不动</div>

<div>我动<div>

</body>

//有的将position设置成fixed,我试了试效果不如position好,设置z-index,向里的深度,我这儿设置90,你要覆盖几个div,设置数大于那个数就行。

js中:

我这儿用jquery写。

$(document).ready(function(){

$(window).scroll(function(){//滚动时触发函数

$("#div1").css("top",$(document).scrollTop())//将滚动条高度赋给悬浮框。

})

})

导入jquery库,效果就出来了。

1、首先选择打开shida脚本播放器的软件界面,点击播放器右下角我的选项。

2、其次选择打开设置功能,点击辅助功能选项。

3、然后选择点击悬浮窗功能,进项按钮开启即可成功进行使用悬浮窗了。