这篇文章主要介绍了javascript实现动态侧边栏代码,需要的朋友可以参考下
总的来说就是利用 鼠标悬停onmouseover 和 鼠标移除onmouseout 这两个时间来完成的。
首先是HTML 结构
复制代码 代码如下:
侧边栏
然后是css的样式：
复制代码 代码如下:
#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;}
默认的样式 侧边栏是隐藏起来的如图：
当鼠标移入以后如图：
下面是完整代码：
复制代码 代码如下:
侧边栏
以上就是javascript实现动态侧边栏代码的详细内容，更多请关注0133技术站其它相关文章！
未经允许不得转载：0133技术站首页 » JavaScript 教程
