js tab滑动切换

JavaScript018

js tab滑动切换,第1张

楼主的这个代码我看不太懂

是经过压缩的

楼主看下这个代码,经过修改应该可以的

http://www.lanrentuku.com/js/biaoqian-598.html

EasyTabs 吧? 除了easytabs.js,应该还有一个example_one_menu.html的示例文件,打开example_one_menu.html,修改里面的代码。

其中,应该有这么一段:

……

<li><a href="#" onmouseover="easytabs('1', '1')" onfocus="easytabs('1', '1')" onclick="return false" title="" id="tablink1">Tab 1</a></li>

<li><a href="#" onmouseover="easytabs('1', '2')" onfocus="easytabs('1', '2')" onclick="return false" title="" id="tablink2">Tab 2 </a></li>

<li><a href="#" onmouseover="easytabs('1', '3')" onfocus="easytabs('1', '3')" onclick="return false" title="" id="tablink3">Tab 3 </a></li>

<li><a href="#" onmouseover="easytabs('1', '4')" onfocus="easytabs('1', '4')" onclick="return false" title="" id="tablink4">Tab 4 </a></li>

……

将其修改成:

……

<li><a href="#" onclick="easytabs('1', '1')" title="" id="tablink1">Tab 1</a></li>

<li><a href="#" onclick="easytabs('1', '2')" title="" id="tablink2">Tab 2 </a></li>

<li><a href="#" onclick="easytabs('1', '3')" title="" id="tablink3">Tab 3 </a></li>

<li><a href="#" onclick="easytabs('1', '4')" title="" id="tablink4">Tab 4 </a></li>

……

就是你想要的效果了。