首頁猿問點(diǎn)擊按鈕沒有反應(yīng)？

點(diǎn)擊按鈕沒有反應(yīng)？

JQuery

蘆葦薇薇戀 2016-04-21 16:40:44

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">? ? <head>? ? ? ? <title>執(zhí)行動(dòng)畫效果</title>? ? ? ? <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>? ? ? <style type ="text/css">div{? ? left:150px;? ? position:absolute;? ? width:80px;? ? height:80px;? ? border: solid 1px #ccc;? ? margin: 0px 8px;? ? background-color: Red;? ? color:White;? ? vertical-align:middle}? ? ? </style>? ? </head>? ??? ? <body>? ? ? ? <h3>執(zhí)行動(dòng)畫效果</h3>? ? ? ? <span>? ? ? ? <input id="left" type="button" value="左移" />? ? ? ? <input id="right" type="button" value="右移" />? ? ? ? </span>? ? ? ? <div id="tip"></div>? ? ? ? <script type="text/javascript">? ? ? ? ? ? $(function() {? ? ? ? ? ? ? ? ?$("#left").bind("click", function(){? ? ? ? ? ? ? ? ? ? $("div").animate({? ? ? ? ? ? ? ? ? ? left:"-=50px"? ? ? ? ? ? ? ? }, 1000, function () {? ? ? ? ? ? ? ? ? ? ? ? $("#tip").html("左移執(zhí)行完成!");? ? ? ? ? ? ? ? ? ? });? ? ? ? ? ? ? ? ?});? ? ? ? ? ? ? ? ? ?? ? ? ? ? ? ? ? ?$("#right").bind("click", function() {? ? ? ? ? ? ? ? ? ? $("div").animate({? ? ? ? ? ? ? ? ? ? left:"+=50px"? ? ? ? ? ? ? ? }, 1000, function () {? ? ? ? ? ? ? ? ? ? ? ? $("#tip").html("右移執(zhí)行完成!");? ? ? ? ? ? ? ? ? ? });? ? ? ? ? ? ? ? });? ? ? ? ? ? }? ? ? ? ? ? ? </script> ?? ? </body></html>

查看完整描述