1

我知道如何注册单击的选项,以及如何显示下一个内容。

我想做的是这样的:

(不要关心设计)现在您需要单击一个选项才能查看下一个内容。

这是一个网站只需要知道应该使用哪种语言,也许是jquery?如果有任何帮助戒烟。不想重新加载页面只是框。

我有 php 和一些 css 和 html 的知识,但 javascript 和 jquery 不是太多。

4

1 回答 1

0

这是一个例子:

<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
        <style type="text/css">
            .choices { padding-left: 30px; padding-right: 30px; margin: 10px; }
            .enabled { background-color: #ff0000; color: #FFFF00 }
            .disabled { background-color: #ddd; color: #fff }
            .choosed { background-color: #ffd; color: #000 }
            .options { display:none; background-color: #fffff0}
        </style>
        <script type="text/javascript">
            $(document).ready(function() {
                  $('.choices').addClass('enabled');
                  $('.choices').click( function(){
                    $($(this).attr('href')).slideDown();
                    $('.choices').unbind('click').removeClass('enabled').addClass('disabled');
                    $(this).removeClass('disabled').addClass('chossed');
                  })
            });
        </script>
    </head>
    <body>
        <a class="choices" href="#target1">A</a>
        <a class="choices" href="#target2">B</a>
        <a class="choices" href="#target3">C</a> <br/>
        <div class="options" id="target1">You clicked option A</div>
        <div class="options" id="target2">You clicked option B</div>
        <div class="options" id="target3">You clicked option C</div>
    </body>
</html>
于 2012-09-22T17:19:02.837 回答