仿京东导航(双向绑定数据knockout)

所属分类:UI,导航-布局,水平导航

 66454  509  查看评论 (55)
分享到微信朋友圈
X
仿京东导航(双向绑定数据knockout) ie兼容6

左侧导航结构

双向绑定数据将导航所需数据平铺在架构中,并且循环生成导航列表。

三角函数实现的仿京东左侧导航效果的js源代码:

(PS:使用中有什么不懂得可以留言,我会第一时间回复给你们!)

相关插件-布局,水平导航

Bootstrap后台模板管理框架

Bootstrap框架开发的HTML后台模板管理
  布局
 138088  864

Bootstrap商务会展模板

响应式单页Bootstrap商务会展模板
  布局
 22081  305

简洁清爽Bootstrap后台模板

Bootstrap框架开发的HTML后台模板管理
  布局
 197001  927

响应式的多功能网站模板LookUp

响应式的多功能网站模板LookUp,将简洁的设计与出色的短代码结合在一起,为您提供创建任何类型网站的理想选择。
  布局
 17103  239

讨论这个项目(55)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    布布香港站 0
    2018/1/14 12:16:43
    終愛妳壹生 0
    2017/11/27 10:51:41

    您好!请问这个可以新增层级吗?目前是 家用电器-大家电-平板电视....  我需要平板电视下面再有一级或两级    我的QQ邮箱是164996227@qq.com   期待回复

        许尊少0
        2017/11/27 17:31:43

        可以的,就是处理数据,然后将数据渲染在模板中

    回复
    Mr.Johnny 0
    2017/11/11 14:34:20

    效果很好,支持

        许尊少0
        2017/11/11 16:42:31

        谢谢coder的支持!

    回复
    king0964 0
    2017/10/19 10:33:24
    红颜丶?浩?? 0
    2017/6/12 11:01:31

    求大佬打赏

        许尊少0
        2017/6/13 11:38:18
        留邮箱
    回复
    KONGAS 0
    2017/3/26 11:48:41
    求教【var navData=[ { title:['东方美玉'], id:'speedMenu'+parseInt(Math.random()*1000),】中id:'speedMenu'+parseInt(Math.random()*1000),的设计想法是什么?
        许尊少0
        2017/3/27 15:52:37

        一级分类和二级分类对应绑定id,就是鼠标移入一级分类找到对应的二级分类dom模块,然后显示对应的二级分类

        许尊少1
        2017/3/27 15:54:36
        parseInt(Math.random()*1000  这个是随机数,和speedMenu加起来就是一个随机id
    回复
    KONGAS 0
    2017/3/26 9:45:09
    三千 0
    2017/2/21 10:20:10
    弥骨 0
    2016/7/8 17:07:15
    你好,我也是在本地运行这个没有问题,加入数据之后,子集有值但是显示不出来,要怎么处理呢?
        许尊少0
        2016/7/8 19:07:21
        http://knockoutjs.com/documentation/introduction.html  参考knockoutJS的API,正确的绑定数据字段
        别忘了微笑0
        2017/4/9 18:46:48

        加油 赚JS币

    回复
    半醉半醒半疯癫丶 0
    2016/5/25 11:05:51
    你好,导航菜单链接怎么调用呀,有案例吗?
        许尊少1
        2016/6/4 15:06:34
        QQ已回复,有什么问题也可以咨询,尽己所能帮你解决!
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复