创建具有左侧菜单和右侧内容的简单网站
我希望创建一个简单的网站，其中：
- 左侧菜单包含要单击的项目
- 当单击每个项目时，右侧菜单会更改为新内容。内容始终为：标题、图片 1、文字描述、图片 2。所有左侧菜单项的格式相同。
理想情况下，我希望页面只有 1 页，没有框架或单独的 .html 文件。如果单击该项目，jQuery 将使用某个数组中的照片 url 更改右侧的照片。
有没有一种简单的方法可以使用现有模板来创建它？无论是来自互联网、Wordpress（没有数据库）、Dreamweaver 或 Dreamweaver 插件...我只是想避免从头开始。
如果您想象得对，它可能就像 MSDN、IBM 或 Apple Developer 网站的帮助页面一样。只是不想单独执行每个 html，因为以后格式可能会发生变化。
谢谢。
I hope to create a website simple website with:
- Left menu with items to click
- When each item clicked, right menu is changed with new content. The content is always: title, picture 1, text description, picture 2. Same format for all left menu items.
Ideally I want the page to be just 1 page, without frame or separate .html files. If the item is clicked, jQuery will change the photos on right side with photo url in some array.
Is there an easy way to create this with existing templates somewhere? Either from internet, Wordpress (without database), Dreamweaver, or Dreamweaver plug-in... I just want to avoid having to do from scratch.
If you imagine this right, it could be just like a help page from MSDN, IBM or Apple Developer website. Just don't want to do each html separately due to potential change in format later.
Thanks.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
基本上，每个“页面”都应该放置在一个用 css 隐藏的 div 中。 jQuery 可以显示和隐藏具有多种效果的 div。
我在这里为您创建了一个简单的示例：
http://jsfiddle.net/RLdmZ/2/
Basically, each "page" should be placed in a div that is hidden with css. jQuery can show and hide the divs with a variety of effects.
I have created a simple example for you here:
http://jsfiddle.net/RLdmZ/2/
虽然您需要的确切规范可能尚不存在，但 jQuery 中还有其他选项。
值得注意的是，搜索“jQuery gallery”会返回许多在设计、实现和复杂性方面各不相同的选项。
亲自看看！
我希望这个答案能解决您的问题。
这是我的第一个答案，所以放轻松！ :]
Whilst the exact specifications you require may not exist already, there are other options in jQuery.
Notably, a search for a 'jQuery gallery' returns many options varying in design, implementation and complexity.
Have a look for yourself!
I hope this answer solves your question.
It's my first answer, so go easy! :]