<!DOCTYPE html>
<!--selectable，可选择的-->
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<!--ju_ui引入的三个文件-->
<script src="jquery-2.1.4.min.js"></script>
<script src="jquery-ui.min.js"></script>
<link href="jquery-ui.min.css" rel="stylesheet" type="text/css">
<!--引入自己的文件-->
<script src="selectable.js"></script>
<style>
.ui-selected{
background-color: #ffff00;
}
</style>
</head>
<body>
<strong>20世纪影响最大的人是谁？</strong>
<ul id="select">
<li id="right">希特勒</li>
<li>罗斯福</li>
<li>斯大林</li>
<li>丘吉尔</li>
<li>毛泽东</li>
</ul>
<!--按钮-->
<!--按钮图片有误-->
<a href="" id="btn">提交</a>
</body>
</html>
js:
/**
* Created by hao on 2015/10/4.
*/
$(document).ready(function(){
$("#btn").button();
$("#select").selectable();
$("#btn").on("click",function(){
if($("#right").hasClass("ui-selected")){
alert("恭喜你答对了");
}else{
alert("答案错误，请重新选择");
}
})
})
需要的库文件：
http://download.csdn.net/detail/zhaihaohao1/9156967
102
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
