-1

私は自分のウェブサイトを持っているオランダ人の男の子で、すべてのプログラミングは初めてです。基本的な HTML は少し知っていますが、知識はそこまでです。今、私は自分のページに何かを作りたいと思っていました。そこでは、コンピューターなどにいくつかのサービスを提供しています。

したがって、左側にすべてのサービスを一覧表示し、右側にそのサービスの情報を表示します。すべての情報を右側だけに表示するのではなく、同じページでサービスをクリックすると表示されたり消えたりするようにしたい。サービスがクリックされていない場合は、サービスに関する説明などのテキストが必要です。情報を変更し、画像といくつかの HTML プラグインを追加できるようにしたいと考えています。これはHTML5（またはJavascript、おそらくjQuery）で可能だと思いますが、方法がわかりません。

これは私がテストしたい場所です: http://webguideict.com/test/
私のウェブサイトはWordpressで実行されています.非常に安い、今私はその理由を知っています。

私の問題を解決してくれるプログラマーはいますか? できれば、事前に作成されたコードまたは非常に簡単な説明があれば、学ぶのが大好きです!

前もって感謝します！
トーマス

4

2 に答える 2

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 10 分間の jQuery
チュートリアル 登録とログインのチュートリアル

これは、jquery セレクター/メソッドを参照/記憶するための非常に貴重なリソースです。

jQuery セレクター
jQuery イベント押し
続けるだけでNext Chapter、さらに 6 ページが表示されます... 印刷して、廊下の小さな読書室に保管してください...

于 2013-09-24T18:50:22.677 に答える
0

私が始めた方法は、ウェブサイトhttp://www.codecademy.com/を使用し、立ち上げて実行したらこのサイトに参加することでした。幸運を！

于 2013-09-24T18:49:29.330 に答える