Javascript 如何创建类似FB的滑动框
编程新手（Javascript/HTML5/CSS3）我想在第一次访问时在我的主页上复制一个干净的“从左滑”操作按钮（理想情况下或曾经喜欢的操作按钮不会打扰用户）-有人能给我一步一步的指导吗 一旦你向下滚动几张图片/页面，你就可以在这个url上看到它Javascript 如何创建类似FB的滑动框,javascript,jquery,html,facebook,css,Javascript,Jquery,Html,Facebook,Css,编程新手（Javascript/HTML5/CSS3）我想在第一次访问时在我的主页上复制一个干净的“从左滑”操作按钮（理想情况下或曾经喜欢的操作按钮不会打扰用户）-有人能给我一步一步的指导吗 一旦你向下滚动几张图片/页面，你就可以在这个url上看到它 我真的很喜欢这种方式，它比解锁内容编码更干净，干扰更小，你同意吗？你可以使用这种方式： <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"&
我真的很喜欢这种方式，它比解锁内容编码更干净，干扰更小，你同意吗？你可以使用这种方式：
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
<style>
.main-wrapper{
width:400px;
height:400px;
margin:20% auto;
position:relative;
overflow:hidden;
background-color:red;
}
.btn{
width:200px;
height:30px;
position:absolute;
bottom:50px;
display:block;
border:none;
background-color:blue;
color:#fff;
left:-170px;
text-align:right;
transition:all ease-in-out .2s;
}
.btn:hover{
left:0;
}
</style>
</head>
<body>
<div class="main-wrapper">
<button class="btn">your btn</button>
</div>
</body>
</html>
.主包装{
宽度：400px；
高度：400px；
利润率：20%自动；
位置：相对位置；
溢出：隐藏；
背景色：红色；
}
.btn{
宽度：200px；
高度：30px；
位置：绝对位置；
底部：50px；
显示：块；
边界：无；
背景颜色：蓝色；
颜色：#fff；
左：-170px；
文本对齐：右对齐；
过渡：所有易进易出。2s；
}
.btn:悬停{
左：0；
}
你的btn