Question

js实现手机焦点图切换

我想在以下源码的基础上去修改，希望各路神帮个性，小弟技术太烂了
源码：

<div id="TAB">
<div id="pictures">
<div style="background:#0FF;height:400px;">1111111111111</div>
<div style="background:#0F6;height:400px;">2222222222222</div>
<div style="background:#39C;height:400px;">3333333333333</div>
</div>
<div id="digital">
<li onmouseover="TAB(0)">11111</li>
<li onmouseover="TAB(1)">22222</li>
<li onmouseover="TAB(2)">33333</li>
</div>
</div>

<script type="text/javascript">
<!--

var k = 0;
var t;
var length=document.getElementById("digital").getElementsByTagName("li").length;
TAB(0,0) /* 默认显示第一下 */
function TAB(n){
clearTimeout(t);
var tli=document.getElementById("digital").getElementsByTagName("li");
var mli=document.getElementById("pictures").getElementsByTagName("div");
for(i=0;i < tli.length;i++){
tli[i].className=i==n?"hover":"";
mli[i].style.display=i==n?"block":"none";
}
k++;
k = k % length;
t = setTimeout('TAB(k)',1500);
}
-->
</script>
希望实现的功能：在手机端里通过划屏来跳到下一张（选项）。

Answer 1

pc端和移动端浏览器都支持javascript的，可直接使用。

由于移动端屏幕尺寸较小，请注意调整对应css样式。

追问

那我应该怎么改呢，哥？

追答

这个如果你不知道css，是没办法给你讲的。
如果你对css掌握还可以，就需要针对不同的移动端屏幕尺寸处理你的焦点图的css样式，使它在移动端浏览器上看上去比较协调。

追问

我问的似乎不是CSS耶，你怎么把CSS搬出来了呢？似乎每个人都懂CSS的耶！
大哥，你懂JS的话，帮小弟改一下呗！

追答

js移动端和pc端通用的。尤其在使用某些框架的情况下，比如jQuery。
另外，你没有说明遇到了什么问题，如何帮你改？你要把问题或者你的困惑列出来才行。

追问

我想请哥哥帮忙改一下，能在手机端里通过划屏来跳到下一张（选项）。
我就不和哥哥讨论PC端和手机端有什么差别了，专业朋友都知道有什么区别。
由于我描述问题不够详细，请求谅解，哈哈哈