扫码关注官方订阅号
类似这张图片上的内容切换，怎么实现好？？
走同样的路，发现不同的人生
bootstrap 的标签页能解决你的问题 http://v3.bootcss.com/javascript/#tabs
思路：点击对应的显示，其他的隐藏， jquery，js都很简单
同上 在点击当前这个之前 先将所有的内容隐藏 然后将当前的这个显示出来
从结构上上面是handlers，下面是contents，可以用两个ul结构，上方点击handler切换时对应index切换下方content，这种是相对简单的实现想法吧
自行搜索标签卡功能，网上有很多原代码可用
从你的截图来看
个人建议： 当点击事件区的按钮（比如：“猜双单”）时，对应的content区域内容更新采用Ajax方式，因为从图上看这部分与其说是一个区域（section），不如说一个单页的好。采用Ajax的方式估计更合适
推荐一个插件给你使用：“焦点图/幻灯片”、“Tab标签切换”、“图片滚动”、“无缝滚动”等效果通通搞定http://www.superslide2.com/
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
0 
7
487
收藏
bootstrap 的标签页能解决你的问题 http://v3.bootcss.com/javascript/#tabs
思路：点击对应的显示，其他的隐藏，
jquery，js都很简单
同上 在点击当前这个之前 先将所有的内容隐藏 然后将当前的这个显示出来
从结构上上面是handlers，下面是contents，可以用两个ul结构，上方点击handler切换时对应index切换下方content，这种是相对简单的实现想法吧
自行搜索标签卡功能，网上有很多原代码可用
从你的截图来看
个人建议：
当点击事件区的按钮（比如：“猜双单”）时，对应的content区域内容更新采用Ajax方式，因为从图上看这部分与其说是一个区域（section），不如说一个单页的好。采用Ajax的方式估计更合适
推荐一个插件给你使用：“焦点图/幻灯片”、“Tab标签切换”、“图片滚动”、“无缝滚动”等效果通通搞定
http://www.superslide2.com/