你们有没有发现新版论坛点击左边的导航链接，打不开

maddemon 2013-01-10 11:09:38

就是这样，灌水
就是这样，灌水
就是这样，灌水

...全文

127 5 打赏收藏转发到动态举报

写回复

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

I_was_a_novice 2013-01-11

打赏
举报

回复

感觉论坛不太好

一一一一 2013-01-11

打赏
举报

回复

是啊，有时候一直点都没反应

贫僧又回来了 2013-01-11

打赏
举报

回复

打不开的时候刷新下页面

conan8126 2013-01-11

打赏
举报

回复

没有发现~~

leafmao 2013-01-11

打赏
举报

回复

偶尔会，大部分时候不会顺便表示很喜欢楼主的头像，小紫英

所以我们得稍微想一下，就是在点击事件之前，我用不用先判断是否已经有显示过的，如果有的话，我们拿到那个已经显示的index，然后先让这个已经显示的index隐藏掉，然后你当前点击的index才显示出来。先定义一个变量show_tag代表已经显示的，然后给左边每一个document写点击事件，在点击事件里面，就先判断shw_tag是否等于当前$(this).index()，如果不相等，直接让已经显示的show_tag对应的right隐藏，当前自己$(this).index()对应的right显示。

如果说到UI设计中最常用的组件，一定有导航栏。对一个网站/APP来说，导航栏就像旅途中的指南针，告诉用户现在在哪里，可以到哪里去。一个直观、易用的导航栏能显著提升用户体验，增加网站的点击率和浏览量。不过，设计一个优秀的导航栏并没有想象中那么简单。本文，笔者将分享如何设计出一个用户体验极佳的导航栏，并为大家展示一些优秀的导航栏设计案例，希望能对你有所帮助。

ul也设置float:left是因为，它的左右还要带个img标签，左右边角封闭，当然你如果不需要这个圆角矩形的效果，不带img图片，你也可以不用设置float:left。用ps的切片工具，把图片的两边取下来，还有中间也要取一部分（不是文字区域），分隔线的图片也取下来，那么就会有四张图片，如下：（它们的高度都是一致的）这里的li背景图片是分隔符，我们只需要每项前有一个就行，所以no-repeat不平铺，实现了有分隔图片的效果。源文件就不上传了，你们可以把文章里那几张图片另存为，然后试一下。

一、导航跳转iframe页面题目:引荐：layui教程关于layui的iframe嵌套页面的导航跳转页面题目,如下图所示能够看到结果:在模板页的导航代码:一切商品商品列表商品属性商品分类增加解决方案列表一列表二超链接云市场宣布商品有没看到链接那边多了这个东西:target="main_self_frame"然后在嵌套的iframe代码中加:就是加上这个:name=”main_self_frame”...

②获取当前点击的document的index，然后进行判断，如果是不相同的，就让已经显示的show_tag对应的隐藏，当前自己index显示，不要忘了更新show_tag的值为当前的index；如果有这个需求的话，那么必须在if当前的index与已经显示的show_tag 不相同的时候，再次判断show_tag为-1的情况（原因已经在上面说了），然后直接让当前对应的index显示，再更新show_tag的值为当前的index。我们在上一篇的代码中的else继续编写代码，看注释。

7,774

社区成员

63,123

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章