日期:2014-05-16  浏览次数:20490 次

字母导航
字母导航条:

<div class="letter_zm">
<ul id="ul">
<li>
<a href="#a0">A</a>
</li><li>
<a href="#a">B</a>
</li><li>
<a href="#b">C</a>
</li><li>
<a href="#c">D</a>
</li><li>
<a href="#d">E</a>
</li><li>
<a href="#e">F</a>
</li><li>
<a href="#f">G</a>
</li><li>
<a href="#g">H</a>
</li><li>
<a href="#h">I</a>
</li><li>
<a href="#i">J</a>
</li><li>
<a href="#j">K</a>
</li><li>
<a href="#k">L</a>
</li><li>
<a href="#l">M</a>
</li><li>
<a href="#m">N</a>
</li><li>
<a class="none">O</a> </li><li>
<a href="#n">P</a>
</li><li>
<a href="#p">Q</a>
</li><li>
<a href="#q">R</a>
</li><li>
<a href="#r">S</a>
</li><li>
<a href="#s">T</a>
</li><li>
<a class="none">U</a> </li><li>
<a href="#t">V</a>
</li><li>
<a href="#v">W</a>
</li><li>
<a href="#w">X</a>
</li><li>
<a href="#x">Y</a>
</li><li>
<a href="#y">Z</a>
</li> <li class="sz">
<a href="#z" target="_self">其它</a>
</li>
</ul>
</div>

内容列表:
<section class="list">
        <header class="t_c" id="a0"><h1 class="t_d" title="{$list_area}{$list_name}">{$list_area}{$list_name}字母导航</h1></header>

<div class="letter_box clearfix" id="letter_box">
  <dl style="border-top:none">
  
<dt>A</dt>
<fflist name="vod_A" id="ppvod" >
 <dd ><span>{$i}.</span><a href="{$ppvod.vod_readurl}" target="_blank" title="{$ppvod.vod_name}">

{$ppvod.vod_name|msubstr=0,12}</a></dd> </fflist> </dl>
<dl>  
<dt>B</dt>
<fflist name="vod_B" id="ppvod">
 <dd ><span>{$i}.</span><a href="{$ppvod.vod_readurl}" target="_blank" title="{$ppvod.vod_name}">

{$ppvod.vod_name|msubstr=0,12}</a></dd> </fflist> </dl><dl>
<dt>C</dt>
 <fflist name="vod_C" id="ppvod">
 <dd ><span>{$i}.</span><a href="{$ppvod.vod_readurl}" target="_blank" title="{$ppvod.vod_name}">

{$ppvod.vod_name|msubstr=0,12}</a></dd> </fflist> </dl><dl>
<dt&