一个简单的标签切换代码

首先引入jquery库,然后JS文件如下:


<script type="javascript">
$(".cl_title > a").hover(function() {var index = $(".cl_title > a").index(this);$(".cl_title > a").removeClass("on").eq(index).addClass("on");$(".ml_body").hide().eq(index).show();})
<script>


然后网页具体代码如下:


<div class="cl_title">
<a href="javascript::void(0);" class="on">最新推荐</a>
<a href="javascript::void(0);">经典推荐</a>
</div>
<div class="ml_body">
{pc:content action="position" posid="2" order="listorder DESC" thumb="1" num="10"}
{loop $data $r}
<dl><dt><a href="{$r[url]}" title="《{$r[title]}》高清下载" target="_blank"><img src="{thumb($r['thumb'],125,174)}" alt="{$r[title]}" /></a></dt><dd><a href="">{str_cut($r['title'],30)}</a></dd></dl>
{/loop}
{/pc}
</div>
<div class="ml_body" style="display:none;">
{pc:content action="position" posid="12" order="listorder DESC" thumb="1" num="10" }
{loop $data $r}
<dl><dt><a href="{$r[url]}" title="《{$r[title]}》高清下载" target="_blank"><img src="{thumb($r['thumb'],125,174)}" alt="{$r[title]}" /></a></dt><dd><a href="">{str_cut($r['title'],30)}</a></dd></dl>
{/loop}
{/pc}
</div>


内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://sulao.cn/post/6.html

我要评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。