dedecms V5.7笔记:ul li列表数字递增 currentstyle中也支持autoindex
2014-03-29 10:42
295 查看
需要实现的效果:
这样的效果box不难实现,但要在鼠标滑过currentstyle里加入autoindex序号,就需要修改一下关于currentstyle的文件了
这样修改:在include/taglib/channel.lib.php中搜索:
改好了之后 我们就可以用这个代码来实现了:
<li class="boxtop">文章类目</li> <li class="on"><a class="box1" href="">All Interests</a></li> <li><a class="box2" href="">Athletics</a></li> <li><a class="box3" href="">Design</a></li> <li><a class="box4" href="">Environmental</a></li> <li><a class="box5" href="">Fine Arts</a></li> <li><a class="box6" href="">Leadership</a></li> <li><a class="box7" href="">Liberal Arts</a></li> <li><a class="box8" href="">Music</a></li>
这样的效果box不难实现,但要在鼠标滑过currentstyle里加入autoindex序号,就需要修改一下关于currentstyle的文件了
这样修改:在include/taglib/channel.lib.php中搜索:
$linkOkstr = str_replace("~typename~",$row['typename'],$linkOkstr);在下方加入:(后面+1表示从1开始递增)
$linkOkstr = str_replace("~autoindex~",$GLOBALS['autoindex']+1,$linkOkstr);
改好了之后 我们就可以用这个代码来实现了:
<li class="boxtop">文章类目</li> {dede:channel type='top' row='8' currentstyle="<li class='on'><a class='box~autoindex~' href='~typelink~'>~typename~</a></li>"} <li><a class='box[field:global name=autoindex runphp="yes"]@me=@me+1;[/field:global]' href='[field:typelink/]'>[field:typename/]</a> </li> {/dede:channel}
相关文章推荐
- dede让channelartlist标签支持currentstyle属性
- CSS list-style修改列表属性控制li标签样式
- dede让channelartlist标签支持currentstyle属性
- 列表元素ul ol li dl dt dd释义
- dede列表标签递增数字生成
- css基础 使用div块清除无序列表ul,li中的左右浮动的简单示例 clear:both
- HTML 列表元素OL、UL、LI
- [笔记]ul>li>a做分布时, 让其居中显示效果
- css取消无序列表<ul>点用list-style:none;
- ul 与 li 无序列表——观察与练习
- Vue.js做select下拉列表的实例(ul-li标签仿select标签)
- IE6-IE9兼容性问题列表及解决办法_补充之三:Table的Col不再支持style及align,需要到th, td中去设置
- css基础 使用div块清除无序列表ul,li中的左右浮动的简单示例 clear:both
- Css <ul><li>列表的样式的控制</li></ul>
- ul,li控件的封装(menu,list列表)
- php---mysql+ajax 无序列表(ul li)分页实现
- HTML 学习笔记之列表控件 无序列表ul(Unordered List)、有序列表ol(Ordered List)、定义列表dl(Definition List)
- ul列表解决最后一个li标签的margin问题
- 定义ul li的 list-style 的时候,list-style跟文字内容有距离
- dedecms多级导航支持currentstyle当前样式的方法