码迷,mamicode.com
首页 > Web开发 > 详细

html 不刷新切换当前页面内容

时间:2016-11-02 14:37:04      阅读:285      评论:0      收藏:0      [点我收藏+]

标签:技术分享   家电   功能   产品   子菜单   img   html   隐藏   显示   

一个小功能,做个笔记:

技术分享

操作流程是:导航产品有三个下拉子菜单,点击食品跳转,同时跳转出来的子页面中,选中食品这个当前项。

切换  食品  厨具   家电  三个选项卡在刷新页面的时候仍然停留在当前选中的选项。

1、使用选项卡来做应该是可以的,但是要处理一个在刷新的时候,保证选中当前项

2、我做的基本的思路:

技术分享

技术分享

上面是全部代码,就是判断url中锚点的值来,判断div的显示和隐藏,这样可以保证刷新的时候仍会在当前页面。

 

html 不刷新切换当前页面内容

标签:技术分享   家电   功能   产品   子菜单   img   html   隐藏   显示   

原文地址:http://www.cnblogs.com/myloveblogs/p/6022633.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!