鼠标点击、松开事件

HTML代码

<div class="column">
        <ul>
            <li><div class='demo' id="demo">Javascript教程</div></li>
            <li><div>HTML教程</div></li>
            <li><div>CSS教程</div></li>
            <li><div>HTML5教程</div></li>
            <li><div>CSS3教程</div></li>
        </ul>
</div>
  

JS代码

<script>
        $("#demo").mousedown(function(){
    $(".demo").css({"padding":"1px","filter":"blur(1px)"});

        $("#demo").mouseup(function(){
    $(".demo").css({"padding":"","filter":""});
  });
});
</script>

  

posted @ 2020-08-26 15:53  莫名924  阅读(276)  评论(0编辑  收藏  举报