Question

css或者js 在触屏上实现选项卡的样式

<ul>
<li class="title1"><a href="#"><div class="btn"><img src="images/ico_01.jpg" /></div><div class="wordbox"><p>酒店环境</p></div> </a></li>
</ul>
<ul>
<li class="title2"><a href="#"><div class="btn"><img src="images/ico_02.jpg" /></div><div class="wordbox"><p>在线预约</p></div> </a></li>
</ul>
<ul>
<li class="title3"><a href="#"><div class="btn"><img src="images/ico_03.jpg" /></div><div class="wordbox"><p>联系我们</p></div> </a></li>
</ul>
类似于鼠标的经过！！

Answer 1

$("ul li").mouseover(function() {
$(this).css("color","#f00");

})
这个是当鼠标在哪一个li上面时，它的字体颜色变红

追问

你的不对哈！！ 我需要在触屏上实现

追答

就是鼠标放上去显示不同的样式么

追问

手机上有鼠标？

追答

那就用touchstart,触屏事件

追问

就是把mouseover改成touchstart吗？ 我这个不熟，代码可以具体点？

追答

$('ul li').live('touchstart', function(){
$(this).css("color","#f00");

})
你看下行不，手机上的我也不太会