像豆瓣fm，猫扑那样的弹出双页面该如何做呢
日期：2014-05-16 浏览次数：20315 次
像豆瓣fm，猫扑那样的弹出双页面该怎么做呢
求助，想问下像像豆瓣fm，猫扑通过点击那样的弹出双页面该怎么做http://douban.fm/
想这样的，我知道做弹出登录框的页面，但这样从左边弹出在缩回该如何做，如果是在手机移动客户端又该如何做呢？
希望能有例子对着学一学。。
感谢各位。。。
------解决方案--------------------
求助，想问下像像豆瓣fm，猫扑通过点击那样的弹出双页面该怎么做http://douban.fm/
想这样的，我知道做弹出登录框的页面，但这样从左边弹出在缩回该如何做，如果是在手机移动客户端又该如何做呢？
希望能有例子对着学一学。。
感谢各位。。。
------解决方案--------------------
<!DOCTYPE html>
<html>
<head>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'></script>
<style type='text/css'>
#bar { position:fixed; left:0; top:0; width:10px; background:red; height:500px; line-height:500px; text-align:right; }
#bar.current { width:50px; }
</style>
<script type='text/javascript'>
function showBar() {
var dis = document.getElementById('bar');
dis.style.width='10px';
dis.onclick = function() {
if(this.style.width!=='10px') {
this.style.width='10px';
this.innerHTML='<';
}
else {
this.style.width='50px';
this.innerHTML='>';
}
};
}
$(function() {
showBar();
});
</script>
</head>
<body>
<div id='bar'><</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
