首页 > 代码修改 > 点点导航另类个性添加方法
2012
09-17

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

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

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

首先看效果:

点点导航另类个性添加方法 - 第1张  | 心岛博客

以上为效果图

点点导航另类个性添加方法 - 第2张  | 心岛博客

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

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

相关代码:

<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>

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

最后编辑:
作者:xindao
这个作者貌似有点懒,什么都没有留下。

点点导航另类个性添加方法》有 4 条评论

留下一个回复

你的email不会被公开。