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

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

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

左侧导航结构

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

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

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

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

响应式后台管理模板Cameo Admin

简洁大方的响应式后台管理模板Cameo Admin
  布局
 71097  591

jQuery扁平自适应网站HTML5模板

扁平化设计是现在UI的趋势,这个模板很大气
  布局
 45737  504

Bootstrap Chubbystacks模版

很精美的一套Bootstrap模版
  布局
 29544  401

Bootstrap个人中心后台模板

Bootstrap个人中心后台模板
  布局
 83484  407

讨论这个项目(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已回复,有什么问题也可以咨询,尽己所能帮你解决!
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复