点点导航另类个性添加方法

首先声明，本方法是网友MR  WOng发布在群里的，我只是将其整理出来，共享给大家！

下面是点点导航的个性添加方法：

首先看效果：

以上为效果图

上图为前台设置，特别注意在命名时按钮前要加入#。

实现原理：通过前台新建页面，标题是#开头的，就会显示为导航按钮。

相关代码：

<div id="svc-toolbar" class="bgp">
    <ul class="socials">
        <li><a href="{$global.url}">首页</a></li><!--以下代码才是需要大家添加的-->
        <? dian.data.pages.forEach(function(page){ ?>
            <? if(page.title.indexOf('#')==0){ ?>
                <li>
                    <a href="<?= page.url ?>" title="<?= dian.tools.nohtml(page.title.substr(1)) ?>">
                        <span><?= page.title.substr(1) ?></span>
                    </a>
                </li>
            <? } ?>
        <? }); ?><!--代码到此结束-->
    </ul>
</div>

使用方法：直接复制部分代码到你点点页面的相应位置即可！简单易用！

最后编辑：2012-09-17

作者：xindao

这个作者貌似有点懒，什么都没有留下。

站内专栏