某某茶叶有限公司欢迎您!
金沙棋牌在线 > 服务器&运维 > javascript 实现动态侧边栏实例详解_javascript技巧_脚本之家

javascript 实现动态侧边栏实例详解_javascript技巧_脚本之家

时间:2019-12-29 06:39

总的来说就是利用 鼠标悬停onmouseover 和 鼠标移除onmouseout 这两个时间来完成的。

金沙棋牌在线,javascript 实现动态侧边栏

在控制台中输入 db.drawCircle; db.drawLine; 可以看到效果复制代码 代码如下:

首先是HTML 结构

总的来说就是利用 鼠标悬停onmouseover 和 鼠标移除onmouseout 这两个时间来完成的。

复制代码 代码如下:

侧边栏

#div1{ width:150px; height:200px; background:#999999; position:absolute; left:-150px;}span{ width:20px; height:70px; line-height:23px; background:#09C; position:absolute; right:-20px; top:70px;}

侧边栏

默认的样式 侧边栏是隐藏起来的如图: