Question

我不是JavaScript专家，所以如果这不是最好的方法，那可能就是原因。我使用这些JavaScript函数构建了一个功能幻灯片：

<script type="text/javascript">
    function shiftLeft() {
        var val = (parseInt(document.getElementById('slides').style.left, 10) || 0) + 560;
        document.getElementById('slides').style.left = val + 'px';
    }
    function shiftRight () {
        var val = (parseInt(document.getElementById('slides').style.left, 10) || 0) - 560;
        document.getElementById('slides').style.left = val + 'px';
    }
</script>

基本上，这会使图像以一种方式或另一种方式移动，这取决于是否单击了左按钮或右按钮。此时所有内容都按预期工作，但我希望添加参数以防止幻灯片滑动超过0px（即正整数）并且不超过-3360 px。有关如何设置这些参数的任何建议吗？非常感谢任何见解。

Answer 1

在设置val之前，请先检查它是否超出其限制：

<script type="text/javascript">
  var leftBound = 0,
      rightBound = -3360;
  function shiftLeft() {
    var val = (parseInt(document.getElementById('slides').style.left, 10) || 0) + 560;
    val = val > leftBound ? leftBound : val;
    document.getElementById('slides').style.left = val + 'px';
  }
  function shiftRight () {
    var val = (parseInt(document.getElementById('slides').style.left, 10) || 0) - 560;
    val = val < rightBound ? rightBound : val;
    document.getElementById('slides').style.left = val + 'px';
  }
</script>

我甚至做了fiddle。

Answer 2

string MyConnection = @"Data Source=YJN-DC-SQLEXPRESS;Initial Catalog=Test; Integrated Security = SSPI; User ID= username; Password=password;";

将开始和结束参数设置为JavaScript幻灯片

2 个答案: