我可以用javascript给一个按钮两个命令吗
Can I give a button two commands with javascript?
我创建了一个分为七个部分的页面,每个页面上有两个colomndiv。当我点击右按钮时,我会滚动到下一列,当我点击左按钮时,会滚动到左列。问题是,假设我在第一页,从第二列滚动到第三列,我离开了页面,必须手动移动x滚动条。有没有一种方法可以让我对按钮进行编程,以强制x溢出?
感谢
CSS
<style>
#contents {
width: 3500px; <!--Total size of the large container-->
height: 200px;
position: absolute; }
#container {
height: 500px;
overflow: hidden;
position: relative;
border: 1px #000 solid;
}
#container, .col {
width: 500px;<!--total size of each column.-->
}
.col {
float: left;
}
</style>
HTML
<!--Column 1-->
<div class="col">
<p>Put your content here...</p>
<button class="left">Left</button>
<button class="right">right</button>
</div><!--end div column 1-->
我为另外6个专栏做了这个。
JAVASCRIPT
<script>
var colwidth = $('#container').width(),
contwidth = $('#contents').width(),
getOffset = function() {
return parseInt($('#container').css('margin-left'));
};
$(".left").click(function(){
if (getOffset() === 0) return false;
$("#contents").animate({left: '+=' + colwidth},500);
$("#container").animate({'margin-left': '-=' + colwidth},500);
});
$(".right").click(function(){
if (getOffset() === contwidth - colwidth) return false;
$("#contents").animate({left: '-=' + colwidth},500);
$("#container").animate({'margin-left': '+=' + colwidth},500);
});
</script>
要为一次点击分配多个函数,您可以从现有函数中调用一个函数,也可以创建一个新函数专门用于调用其他2个函数。
相关文章:
- JQuery合并了keyup和focusout两个函数
- 如何使用 node.js 比较两个 json 数组
- 为复选框javascript指定两个值
- 用每小时的差值填充数组/列表-从下拉列表中给定两个时间值
- 单击时切换两个图像
- 我可以'我似乎不知道如何修复javascript中的两个lint.有人能帮我理解吗
- 基于两个条件退出While循环
- 如何在这里将两个值最低的数字相加
- 组合两个javascript函数
- 如何使用offer/answer交换来自两个对等连接的流
- jsf中两个字符串的颜色代码差异
- 加载两个具有相同父密钥名称的json文件
- 在Qualtrics中,介绍如何动态连接两个滑块
- 为什么 GA 跟踪代码以两个(而不是一个).push 命令开头
- JSF 中的一个命令按钮中的两个操作
- 如何创建一个npm命令,在控制台中执行两个命令(一个接一个)
- 我可以用javascript给一个按钮两个命令吗
- 批处理命令在两个不同的监视器中打开
- 将两个变量相乘,并将total插入到输入的JavaScript中.点击命令
- 两个命令没有在浏览器上运行,请找到问题