通过用户交互来动态展示信息 代替列表

所属分类:媒体-图片展示

 37405  448  查看评论 (4)
分享到微信朋友圈
X
通过用户交互来动态展示信息 代替列表 ie兼容10

这个图很难命名,万剑穿心、排骨图


可以触发点击事件的控件:

1.当事人(中间列)、

2.已被控制财产数、

3.未被控制财产数、

4.上下翻页箭头。


交互操作:

1.点击中间列的当事人,则当事人处于被选中状态,当事人对应的[已被控制财产数]和[未被控制财产数]处于以选中状态,并展示出对应的[财产子项]信息;

2.点击以选中的[已被控制财产数],其对应的[财产子项]会收起,再次点击可展开;当[已被控制财产数]和[未被控制财产数]均被收起,则当事人状态变为未选中状态;

3.点击其他当事人的财产数,则这次被点击的当事人处于被选中状态,之前的展开信息会收起并展开当前当事人的相关信息;

4.翻页再返回来,当事人信息依然可以展示。


刚摸到jquery书写的小demo,效果达到了,但dom结构不好维护,jquery的templ可以尝试一下

相关插件-图片展示

jquery 360度旋转插件UIMIX.fullview

360度旋转图片展示jquery插件UIMIX.fullview
  图片展示
 42776  374

gifplayer暂停或播放GIF图片

gifplayer暂停或播放GIF图片
  图片展示
 32968  322

HTML5卡片人物介绍动画展示效果

HTML5卡片人物介绍动画展示效果ie9和ie10没有测试,ie8以下不支持。基于bootstrap框架制作
  图片展示
 48922  558

jQuery仿京东商品放大镜

jQuery重写仿京东商品放大镜,使用更简单
  图片展示
 45554  540

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

    予我心安° 0
    2018/7/9 9:39:05
    潘帅 0
    2017/9/1 14:51:13

    厉害,很不错

        isl80
        2017/9/1 15:18:01
        你好机器人
        fs_flyer0
        2018/1/26 18:23:39

        确实不错!

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复