本文实例讲述了Javascript实现简单的隐藏式侧边栏功能。分享给大家供大家参考，具体如下：
常见的隐藏式侧边栏，如分享、联系客服等。通过设置速度来实现滑入滑出的动态效果
以下是代码
www.jb51.net js侧边栏 *{margin: 0;padding: 0;} #div1{width: 160px; height: 320px; background: #fff; position: relative;left:-140px;top:100px;} #div1 .hide{width: 140px; height: 320px; background: cyan; float: left;position: absolute;left: 0;top: 0;} #div1 .show{width: 17px; height: auto;background: skyblue;border: 1px solid #000;float: right; position: absolute; top: 39%;right: 0;} 分享到
- jb51
这里使用在线HTML/CSS/Javascript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试效果如下：
更多关于Javascript相关内容感兴趣的读者可查看本站专题：《Javascript事件相关操作与技巧大全》、《Javascript页面元素操作技巧总结》、《Javascript操作DOM技巧总结》、《Javascript查找算法技巧总结》、《Javascript数据结构与算法技巧总结》、《Javascript遍历算法与技巧总结》及《Javascript错误与调试技巧总结》
希望本文所述对大家Javascript程序设计有所帮助。
