Question

我是一个拥有自己网站的荷兰男孩，我对所有节目都很陌生。我知道基本的HTML，但我的知识停在那里。现在我想在我的页面上创建一些东西，我为计算机提供一些服务等等。

所以在左边我希望列出我的所有服务，并在右边显示该服务的信息。我不希望所有信息都在右侧，我希望它在您单击同一页面上的服务时显示和消失。如果没有点击任何服务，我想要一个文本，其中包含有关服务的一些解释等等。我希望有可能更改信息并添加图像和一些HTML插件。我认为这可能与HTML5（或Javascript，也许jQuery）只有我不知道如何。

这是我想测试的地方：http://webguideict.com/test/
我的网站在Wordpress上运行，因为我拥有的主机（BlueHost）可能会很慢，我自己这样做，而且非常便宜，现在我知道为什么。

是否有程序员能够并且想要帮助解决我的问题？最好用一些预先编写的代码或只是非常简单的解释，我喜欢学习！

提前致谢！
托马斯

Answer 1

您的具体问题听起来主要是jQuery / javascript。

See this jsFiddle example

HTML：

<h2>Services:</h2>
<ul>
    <li id="con">
        Consulting
    </li>
    <li id="pro">
        Programming
    </li>
    <li id="brd">
        Longboarding
    </li>
</ul>
<div id="msg"></div>

jQuery的：

$('li').click(function(){
    var svc = $(this).attr('id');
    //alert(svc);

    if (svc=="con"){
        $('#msg').html('<h2>Professional Services</h2>I can help with computer consulting.');
    }else if(svc=="pro"){
        $('#msg').html('<h2>Beanie Work</h2>If you can conceive it, I can code it.');
    }else if(svc=="brd"){
        $('#msg').html('<h2>Sidewalk Surfing</h2>Grocery deliveries with style...');
    }
});

托马斯，有许多很棒的网站提供免费教程，可以完成你想要的所有工作。

我建议至少做一些这些（免费）10分钟的教程，如果你真的想学习的话，甚至可能都是这些教程。他们是一个很好的起点：

phpAcademy.org
thenewboston.com
200 ten-minute jQuery tuts
Register & Login tutorial

这是一个用于咨询/记忆jquery选择器/方法的宝贵资源：

jQuery Selectors
jQuery Events
只需继续点击Next Chapter，它将带您再浏览六页......打印并存放在大厅的小阅览室中......

Answer 2

我开始的方式是使用网站http://www.codecademy.com/，然后在我启动并运行后参与此网站。祝你好运！

单击指定文本时显示信息

2 个答案: