http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
http://www.w3.org/1999/xhtml">
<頭>
jQuery UI はスクラッチ宝くじのコーティングをシミュレートして結果を表示します
<スクリプト src="http://keleyi.com/keleyi/pmedia/jquery/ui/1.10.3/js/jquery-ui-1.10.3.min.js" type="text/javascript">< ;/スクリプト>
<スクリプトタイプ="text/javascript">
$(document).ready(function() {
$("#keleyi div").draggable({
revert:function() {
var a = $("#keleyi div").offset().left;
var b = $("#kel" "eyi").width();
if (a >= b) {
$("#keley" "i").text("5,000万ドルの大賞受賞おめでとうございます!").css("color","red").fadeOut(200).fadeIn(500);
false を返します;
}その他{
true を返します;
}
}、
軸: "x"、スナップ: "#keleyi"、スクロール: false}
);
$("#layout2 div").click(function() {
$(this).animate({
幅: " =20",
}).animate({
幅: "-=50",
});
if ($(this).width()
$("#layout2").text("5,000万ドルの大賞受賞おめでとうございます!").css("color","red").fadeOut(200).fadeIn(500);
}
});
});
注: IE6 はサポートされていません。
効果 1 (灰色のバーをドラッグ):
勝利結果を表示するには、完全にスクラッチしてください。
効果 2 (灰色のバーをクリック):
勝利結果を表示するには、完全にスクラッチしてください。
