首页 » 工作 » 正文

DedeCMS 输出栏目树形菜单以实现JS菜单效果

发布者:站点默认
2012/08/7 浏览数(1,834) 分类:工作 DedeCMS 输出栏目树形菜单以实现JS菜单效果已关闭评论

效果:

核心代码:

<!-- JS部分: -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
$(function(){
	$('#subjectTree dt').click(function(){
		$(this).next('dd').slideToggle('fast');
	});
});
</script>

<!-- CSS部分(使用时请移至 .css 文件里): -->
<style>
#subjectTree dd {
	display:none;
}
</style>

<!-- DEDE -->
<dl id="subjectTree">
	{dede:channel typeid=45}
	<dt>
		<a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a>
	</dt>
	<dd>
		<ul>
			{dede:sql sql='
				SELECT typedir,typename
				FROM dede_arctype
				WHERE reid=~id~
				AND ishidden = 0
				ORDER BY sortrank ASC'}
			<li><a href='[field:typedir/]' target='_blank'>[field:typename/]</a></li>
			{/dede:sql}
		</ul>
	</dd>
	{/dede:channel}
</dl>

<完>

点击返回顶部
  1. 留言
  2. 联系方式