我知道如何注册单击的选项,以及如何显示下一个内容。
我想做的是这样的:
(不要关心设计)现在您需要单击一个选项才能查看下一个内容。
这是一个网站只需要知道应该使用哪种语言,也许是jquery?如果有任何帮助戒烟。不想重新加载页面只是框。
我有 php 和一些 css 和 html 的知识,但 javascript 和 jquery 不是太多。
我知道如何注册单击的选项,以及如何显示下一个内容。
我想做的是这样的:
(不要关心设计)现在您需要单击一个选项才能查看下一个内容。
这是一个网站只需要知道应该使用哪种语言,也许是jquery?如果有任何帮助戒烟。不想重新加载页面只是框。
我有 php 和一些 css 和 html 的知识,但 javascript 和 jquery 不是太多。
这是一个例子:
<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>