                        課程
                    
                        /前端開發(fā)
                        
                            /jQuery
                        
                        /jQuery基礎(chǔ)課程

哪位高人指點(diǎn)下我的代碼為何移動無效呢？非常感謝

<!DOCTYPE html>

<html>

? ? <head>

? ? ? ? <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

? ? ? ? <title>jQuery動畫特效</title>

? ? ? ? <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>

? ? </head>

? ??

? ? <body>

? ? ? ?<input id='l' type='button' value='左移'><br>

? ? ? ?<input id='r' type='button' value='右移'>

? ? ? ?<span id='tip'></span>

? ? ? ?<script>

? ? ? ?$(function () {

? ? ? ? ? ? ? ? $("#l").bind('click',function(){

? ? ? ? ? ? ? ? $(this).animate({

? ? ? ? ? ? ? ? ? ? left: "+=100px" ? ? ? ? ? ? ? ? ? ?

? ? ? ? ? ? ? ?},

? ? ? ? ? ? ? ?3000, function () {

? ? ? ? ? ? ? ? ? ?$("#tip").html("執(zhí)行左移完成!");

? ? ? ? ? ? ? ?});

? ? ? ? ? ? ? ? });

? ? ? ? ? ? ? ? $("#r").bind('click',function(){

? ? ? ? ? ? ? ?$(this).animate({

? ? ? ? ? ? ? ? ? ?right: "+=80px" ? ? ? ? ? ? ? ? ? ?

? ? ? ? ? ? ? ?},

? ? ? ? ? ? ? ?3000, function () {

? ? ? ? ? ? ? ? ? ?$("#tip").html("執(zhí)行右移完成!");

? ? ? ? ? ? ? ?});

? ? ? ? ? ? ? ? });

? ? ? ? ? ? });

? ? ? ? </script>

? ? </body>

</html>

resharpe

2016-06-22

源自：jQuery基礎(chǔ)課程 7-13

關(guān)注問題我要回答

375

操作

收起

3 回答

weibo_哆啦A夢有大口袋_0 回答被采納 +3 積分
2016-06-23

補(bǔ)充一點(diǎn):你做作業(yè)，認(rèn)真看下題目要求好嗎，http://idcbgp.cn/code/1104

出于對回答者的認(rèn)同和尊重，解決了你的問題，請采納，謝謝

2 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

resharpe 提問者

非常感謝！

2016-06-24 回復(fù) 有任何疑惑可以回復(fù)我~

weibo_哆啦A夢有大口袋_0
2016-06-23

<!DOCTYPE?html>
<html>
????<head>
????<meta?charset="utf-8">
????????<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
????????<title>jQuery動畫特效</title>
????????<script?src="http://libs.baidu.com/jquery/1.9.0/jquery.js"?type="text/javascript"></script>
????????<style?type="text/css">
????????/*http://idcbgp.cn/code/335?,把這個網(wǎng)站的第一段話讀一遍*/
????????????input{position:?relative;}
????????</style>
????</head>
????
????<body>
???????<input?id='l'?type='button'?value='左移'><br>
???????<input?id='r'?type='button'?value='右移'>
???????<span?id='tip'></span>
???????<script>
???????$(function?()?{
????????????????$("#l").bind('click',function(){
????????????????$(this).animate({
????????????????//以左邊為圓點(diǎn),+是向右移,-是向左移
????????????????????left:?"-=100px"????????????????????
???????????????},
???????????????3000,?function?()?{
???????????????????$("#tip").html("執(zhí)行左移完成!");
???????????????});
????????????????});
????????????????$("#r").bind('click',function(){
???????????????$(this).animate({
??????????????????//以右邊為圓點(diǎn),+是向左移,-是向右移
???????????????????right:?"-=80px"???????????????????
???????????????},
???????????????3000,?function?()?{
???????????????????$("#tip").html("執(zhí)行右移完成!");
???????????????});
????????????????});
????????????});
????????</script>
????</body>
</html>

1 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答