jquery切换效果

Original 2019-05-07 14:26:36 221
abstract:<head><script type="text/javascript" src="jquery-3.4.0.min.js"></script></head><script type="text/javascript">// hover(over,out)// over:鼠标移到

<head>

<script type="text/javascript" src="jquery-3.4.0.min.js"></script>

</head>

<script type="text/javascript">

// hover(over,out)

// over:鼠标移到函数上触发的一个函数

// out:鼠标移出要触发的一个函数


// toggle()如果元素是可见的,就切换为隐藏,否则相反

$(document).ready(function(){

  $('div').hover(

    function(){

      $(this).css('background','pink')

    },

    function(){

      $(this).css('background','red')

    }


    )

$('button').click(function(){

   $('div').toggle().css('background','red')

})


})

</script>


Correcting teacher:查无此人Correction time:2019-05-08 09:08:40
Teacher's summary:完成的不错。每行js语句结束增加;号。继续加油

Release Notes

Popular Entries