jQuery的mouseover函数和mouseout函数问题

iou3344 2020-10-01 07:22:00

<a href="JavaScript:jQuery('.mylightbox').html5lightbox();" style="user-select: auto;">点击初始化对应链接的html5lightbox()</a>

如何把这个写成jQuery的mouseover函数和mouseout函数，不需要点击，而是通过鼠标是否悬停来自动触发对应的html5lightbox()的开和关呢？

<script type="text/javascript">
$(document).ready(function(){
$("a").mouseover(function(){
.......
});
$("a").mouseout(function(){
.........
});
</script>

...全文

827 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

qybao 2020-10-02

打赏
举报

have a try



<script type="text/javascript">

$(document).ready(function(){

  $("a").mouseover(function(){

      $('.mylightbox').html5lightbox();

  });

  $("a").mouseout(function(){

      $('.mylightbox').html5lightbox();

});

</script>

街头小贩 2020-10-01

打赏
举报

参考一下


<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
  </head>
  <body>
         <a  href="javascript:;" class="user-select-auto">点击初始化对应链接的html5lightbox()</a>
         <a  href="javascript:;" class="user-select">html5lightbox()</a>
         <script type="text/javascript" src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
         <script>
         jQuery(function($){
            $('a.user-select-auto').hover(function () {
                  $(this).css({"background-color":"red"});
               }, 
               function () {
                  $(this).css({"background-color":"blue"});
               }
            );
           $( "a.user-select" ).mouseover(function() {
              $( this ).css({"color":"red"});
           }).mouseout(function() {
              $( this ).css( "color","black" );
           });
         });
         </script>
  </body>
</html>