设计问题:如何设计一个网页,应该显示11个元素,每个元素都有一个描述

Design Issue: How to design a webpage that should show 11 elements with a description for each elements?

本文关键字:元素 描述 显示 有一个 11个 一个 问题 网页      更新时间:2023-09-26

我正在开发一个网站,作为这个网站的一部分,设计一个网页,只是为了显示有关公司负责人的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;>"),告诉("慢);如果描述已经处于展开状态,用户可以再次单击主体来隐藏它。

这将是一次非常好的经历如果您有任何疑问,请告诉我