jquery切换效果

原创 2019-05-07 14:26:36 303
摘要:<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>


批改老师:查无此人批改时间:2019-05-08 09:08:40
老师总结:完成的不错。每行js语句结束增加;号。继续加油

发布手记

热门词条

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号