亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

JQURTY自定義動畫事件

原創(chuàng) 2019-01-10 18:30:02 176
摘要:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>jquery基礎(chǔ)語法</title>    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.j

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>jquery基礎(chǔ)語法</title>

    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js">

    </script>



    <style>


    div{width: 300px;height: 300px;background: orange;position: absolute;}


    </style>

</head>

<body>




<!-- 文檔就緒語法

$(document).ready(function(){

    //jquery code

}) -->


<script>

    $(document).ready(function(){

//表單選擇器

//$(':enabled').css('background','pink')

    $(':disabled').css('background','blue')

    $(':selected').css('color','orange')


    //找到選擇器 執(zhí)行點擊事件 

     $('#right').click(function(){  

      //點擊后觸發(fā)函數(shù)功能內(nèi)部樣式更改事件

      //animate() 動畫繪制  該方法用于創(chuàng)建自定義動畫

      //語法:$(selector).animate({params},speed,fn)

      $('.box').animate({left:'+500px'},800)

      $('.box').animate({fontSize:'50px'},500)

     })

     //stop() 用于停止動畫或效果

     //找到觸發(fā)id按鈕 執(zhí)行點擊事件

      $('#stop').click(function(){

      

       $('.box').stop()

      })



})


     




</script>


<form action="">

輸入框1 <input type="text" name=""><br>

輸入框2 <input type="text" name=""><br>

輸入框3 <input type="text" name="" disabled><br>

輸入框4 <input type="text" name=""><br>


<select>

  <option selected>PHP</option>

  <option value="">HTML</option>

  <option value="">CSS</option>

  <option value="">JS</option>

</select>

</form>

<button id="right">右移動</button>

<button id="stop">停止</button>

<div>51spec</div>

</body>

</html>


//細(xì)節(jié)不夠完美、不夠嚴(yán)謹(jǐn)?。?,每一行代碼應(yīng)有完整完美的解釋!??!現(xiàn)在那 這個 那個 這里 那里 對不對 求求你不要再說了 你說對就對!


批改老師:滅絕師太批改時間:2019-01-11 09:16:05
老師總結(jié):你的反饋我看到了,后面案例部分會少好多,這個,那個,對不對吧,可能錄課的時候太想跟人交流了~

發(fā)佈手記

熱門詞條