js写导航栏hover效果

JavaScript015

js写导航栏hover效果,第1张

js写导航栏hover效果每个js定时器产生时会被系统分配一个id，这个id是正整数，而且一个页面里面的定时器id不重复，我们能用一个变量接收这个id，但是如果重复执行一条接收创建语句，那么你只能接收到最新创建的定时器的id，之前创建的定时器的id会被覆盖，但是定时器数量在增加，这就会导致界面一些功能错乱，解决方法就是在重复按开始按钮时，如果已经有了一个定时器那么就不执行语句，我列出了错误代码和三种解决方法，可以解决定时器重复创建问题。

body {margin:0 padding:0 10px 0 10pxheight:100%overflow:autobackground:#333font-size:12px}

#wrap {display:blockbottom:0pxright:1px!importantright:18pxwidth:200pxline-height:30pxposition:fixedborder:1px solid #ffftext-align:centercolor:#fff background:#000}

*html{overflow-x:autooverflow-y:auto}

* html #wrap {position:absolute}

上面是样式部分

<div style="height:3986px"></div>

<div id="wrap">我是不会动的，只有这个地方是属于我的，在你没有更改我的位置之前。<br>

<a href="http://www.CsrCode.cn&quot>CsrCode.CN</a>丨<a href="http://www.CsrCode.cn&quot>芯晴网页特效</a>丨<a href="http://www.CsrCode.cn&quot>seo优化</a>

这是HTML部分

开玩笑！你直接复制过去！

页面的其他部分有没有设置定位！有的话删除！

自己看有没有在。看下自己页面其他地方有没设置定位。有的话删了

效果展示

通过在界面素材中添加一个底部悬浮层，同时配置触发器行为打开悬浮层，实现一个底部悬浮层弹出的效果。

添加悬浮层

点击左侧导航栏的界面。

添加一个底部悬浮层。

触发器配置

注意：在检查器面板中的触发器设置面板创建触发器，可以对组件进行交互逻辑设置，或配合事件来进行动态数据操作。

选中图标。

点击检查面板中的触发器。

创建触发器。

选中悬浮层中的微信图标。

点击检查面板中的触发器。

配置打开分享面板触发器。