62,248
社区成员
发帖
与我相关
我的任务
分享http://www.3dliuliu.com/ 这个网站右边的浮动条是怎么做的？
http://www.3dliuliu.com/ 这个网站右边的浮动条是怎么做的？
...全文
请发表友善的回复…
发表回复
ZhuZhuYuXiang 2011-06-03
- 打赏
- 举报
一个插件！从网上查下分享插件
kk297173176 2011-06-03
- 打赏
- 举报
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
</head>
<body style="height:3000px;">
<div style="width:80px; height:120px; border:solid 5px black; position:fixed; right:-50px; top:200px;"></div>
<script type="text/javascript">
$(document).ready(function () {
$("div").bind("mouseover", function () {
$(this).animate({ "right": "0" },400);
}).bind("mouseout", function () {
$(this).animate({ "right": "-50" }, 400);
});
});
</script>
</body>
</html>
