如何让JS做的下拉菜单浮在最上层

JavaScript018

如何让JS做的下拉菜单浮在最上层,第1张

JQuery实现将Div浮动到网页最上层。

可以通过Css的z-index属性来进行设置

具体代码:

1

$(".divClass").attr("z-index",999)

原理:

通过JQuery给指定的div增加属性'z-index'为'999',将指定div的层次拉到最高,这个所谓的999并不一定是999这个数字,只需要是你页面z-index的最大值就是可以的。

下载jquery.pin,然后解压后在该文件夹目录下新建一个html文件。

编辑这个网页,在里面引入jquery.pin。

具体代码如下:<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="jquery.pin.js"></script>

让图像div碰到屏幕顶后自动随着滚动而悬浮在顶部。

做好后随着滚动而滚动了。

引入了文件后。

<script>

$(".pinned").pin({containerSelector: ".b", minWidth: 940}) </script>

(这段代码里面的.pinned是要悬浮的div,b是这个悬浮div悬浮的范围。)