网页js左右滑动代码。
a是可见的区域为500px,b是内容,大概长是1000px,每次按下“按钮:左”的时候,b的位置都向右移动100px,“按钮:右”就相反。大概就是这样的代码。。重点要实现...
a是可见的区域为500px,b是内容,大概长是1000px,每次按下“按钮:左”的时候,b的位置都向右移动100px,“按钮:右”就相反。大概就是这样的代码。。重点要实现按钮的点击事件。
谢谢 展开
谢谢 展开
1个回答
展开全部
<script>
var show = 0;
function leftRun(){
show-=100;
document.getElementById("b").style.marginLeft = show+"px";
}
function leftRun(){
show+=100;
document.getElementById("b").style.marginRight= show+"px";
}
</script>
<div id="a" width="500">
<div id="b" width="1000">
正文内容
</div>
</div>
<input type="button" id="leftRun" onclick="leftRun()" />
<input type="button" id="rightRun" onclick="rightRun()" />
var show = 0;
function leftRun(){
show-=100;
document.getElementById("b").style.marginLeft = show+"px";
}
function leftRun(){
show+=100;
document.getElementById("b").style.marginRight= show+"px";
}
</script>
<div id="a" width="500">
<div id="b" width="1000">
正文内容
</div>
</div>
<input type="button" id="leftRun" onclick="leftRun()" />
<input type="button" id="rightRun" onclick="rightRun()" />
追答
如果说你想要那个页面的原始效果的话 那只能去下载js插件了 如果说你想要的是效果的根本原理 那就是和上面的代码差不多~ 只是它做了很多细微处理 美化那些而已
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询