设计问题:如何设计一个网页,应该显示11个元素,每个元素都有一个描述
Design Issue: How to design a webpage that should show 11 elements with a description for each elements?
我正在开发一个网站,作为这个网站的一部分,设计一个网页,只是为了显示有关公司负责人的11个元素。这些元素中的每一个都有很长的描述。该网站的设计如下:菜单栏与标志在顶部,侧边栏在左边,身体在右边。
一开始,我想在侧边栏上列出元素,当用户点击特定元素(使用javascript)时,每个元素的描述将出现在右侧,但后来客户不喜欢这种设计,他们说这会让用户感到困惑,因为他需要向下滚动以阅读一个元素的长描述,然后向上滚动以选择另一个元素。除此之外,用户如何知道这个网页的导航流程?也就是说元素在左边,当他点击其中一个时,他会看到右边的描述?
那么我应该如何设计这个页面呢?请告诉我是否应该使用特定的css布局或javascript或jquery插件(如果可能的话,请提及插件的名称)
首先,您可以在这个小提琴上演奏基本原理。使用"position: fixed", float和负边距可以达到目的。
那么你可以看看这页有很多例子。
但你最好的选择是使用任何像样的jquery菜单插件,他们都提供这个功能。只需谷歌"jquery菜单"或"css固定菜单",或混合有吨的选择。
对于javascript库,使用jquery本身。您所引用的11个元素可以通过以下方式显示:
. **Principal 1**
Description of Prinicipal 1
**Principal 2**
Description of Prinicipal 2
最初只有包含principal1, Principal 2等的div会显示给用户。每个主体的描述将被隐藏。
当用户点击Prinicpal1的标题时,显示相应的描述。使用$("& lt;>"),告诉("慢);如果描述已经处于展开状态,用户可以再次单击主体来隐藏它。
这将是一次非常好的经历如果您有任何疑问,请告诉我
- CKEditor Widget-阻止编辑可编辑元素本身
- 如何设置html元素填充的动画
- 如何将HTML id分配给元素,以及如何将JavaScript应用于元素
- 使用 jQuery 的 .on 函数如何获取事件的原始元素
- 使用clickToggle并在单击另一个元素时关闭元素
- 单击时将焦点更改为元素
- 表追加而不附加最后一个元素
- 如何在jQuery中获取元素的形式
- 我可以获得相对于被点击元素的确切点击位置吗
- 在函数中添加数组元素的数值
- 在单击任何位置时隐藏元素,而不检查每次DOM单击
- 将视口底部滚动到元素底部
- 是否有任何snippet或jQuery插件可以列出easylist.txt模式匹配的DOM中的所有元素
- 在不使用JQuery的情况下隐藏DOM中的选定元素
- 如何使用jquery处理php循环通过元素
- 咖啡描述:我可以't似乎是通过ID+子类来选择元素
- 你如何用ES5(2)来描述一个元素
- 如何检测一个html元素是否可以被选择器描述
- 设计问题:如何设计一个网页,应该显示11个元素,每个元素都有一个描述
- 在不添加新标签/元素的情况下向属性添加描述(用于屏幕阅读器)