Question

我正在尝试使背景滑块脚本工作，但它只是无法正常工作。导航图标不是背景滑动，而是以奇怪的方式滑动，即使我希望它们静止不动。起初我只是想从滑块导航中删除“1,2,3”，但现在滑块根本就不起作用了。

它的CSS代码是：

  #pictureSlider { }
  #pictureSlider div { height:100%; width:100%; position:absolute; z-index:-999; }

  /* NAVIGATION BOX */
  .navbox { width:150px; height:20px; position:absolute; left:0px; top:50px; }
  .navbox ul {position:absolute; right:10px; top:10px; }
  .navbox ul li { list-style: none; float: left; cursor:pointer; }
  .navbox ul li a { 
display:block; float:left; width:23px; height:25px; text-align:center;
background-image:url("../images/slide-circle-controls.png"); margin-left:5px;
text-decoration:none;
   }
  .navbox ul li a:hover { background-position:bottom; color:#000; } 

  .cam { }
  .clouds {  }
  .key { }

非常感谢！：）

Answer 1

你可以将font-size设置为0px，有些浏览器会接受，而1,2,3的值将不可见

你也可以将font-size设置为1px并将颜色设置为黑色，这样按钮的黑色边框就会隐藏数字

navbox ul li a { 
  display:block;
  float:left;
  width:23px;
  height:25px;
  text-align:center;
  background-image:url("../images/slide-circle-controls.png");
  margin-left:5px;
  text-decoration:none;
  font-size: 1px;
  color: #000;
}

但最好的方法是将脚本修改为不放入索引值，检查script.js上的第59行：

.html(i)

用

之类的东西替换它

.html('')

并且数字将会消失

如果您的修改后滑块不起作用，请撤消这些修改：P

jQuery背景滑块功能

1 个答案: