toby

包含「tab」标签的文章

共找到2个结果

  • jquery实现简单tab-each键值对

    使用each方法,获得tab列表的index,通过eq指向目标标签卡。 <pre> $(function(){ $('#tab-content>li:first').show(); $('#tab>li').each(function(index){ $(this).click(function(){ ...</pre>

  • jquery实现简易tab标签

    个人修改的简易tab实现方法,代码很短,很适合理解 效果图: <a href="http://www.otarim.com/wp-content/uploads/2012/04/QQ截图201204091946101.jpg"><img src="http://www.otarim.com/wp-content/uploads/2012/04/QQ截图201204091946101.jpg" alt="QQ截图20120409194610" title="QQ截图20120409194610" width="244" height="377" class="size-full wp-image-344" /></a> html部分 <pre> <div id="content"> <div><img src="img/p_large_3Uj9_0e2a000022bc1263.jpg" alt="" /></div> <div><img src="img/p_large_Lbe2_152400000d0d121a.jpg" alt="" /></div> <div><img src="img/p_large_4ANw_16c2000014c11213.jpg" alt="" /></div> <div><img src="img/p_large_iKYA_50fc0005994a5c73.jpg" alt="" /></div> <div><img src="img/p_large_sZTJ_360100006a5d1266.jpg" alt="" /></div> </div> <ul id="list"> <li class="add">1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> </pre><!--more--> style部分 <pre> <style type="text/css"> #list{ list-style:none; margin:20px auto; ...</style></pre>

1 / 1