如何在javascript中悬停时停止滑块

Question

我坚持使用javascript part.please帮我解决这个问题。我想在鼠标悬停时停止滑块动画。

这是我的代码。我使用了worpresstheme。然后用wordpress部分滑块加载。如何在鼠标悬停时停止滑块。

 $query=new WP_Query($args);

            if($query->have_posts()) {
            $hasSliderEmpty=false;


            echo '<div class="slides-container">';  
                echo '<div onmousemove="myMoveFunction()" onmouseout="myOutFunction" id="home_slider">
                    <section class="autoheight home_slider">
                        <section class="inner-slider">
                            <div id="slider_562472b018d72">
                                <div class="slides-container">';
                                    $c=0;
                                    while($query->have_posts()) {
                                        $query->the_post();

                                        echo get_the_post_thumbnail(get_the_ID(),'large');

                                    }

                                    global $wpdb;
                                    $vimeoLink= $wpdb->get_var("SELECT meta_value FROM fts_postmeta WHERE post_id = '$event_id' and meta_key='_event_after_movie_link'");
                                    if($vimeoLink != ''){
                    //echo $vimeoLink;
                                        echo '<iframe src="//player.vimeo.com/video/'.$vimeoLink.'" width="100%" height="100%" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>';
                                    }

                                echo '</div>';
                            echo '</div>
                        <div class="col-lg-12 landing-text-pos image_content wow animated fadeInDown" data-wow-duration="1s" data-wow-delay="1s" style="top:35%;">
                            <div class="slider_inner_content">
                                <div class="container align-center" style="padding-top:15px;">
                                </div>
                            </div>
                        </div>
                        <script type="text/javascript">
                            window.globalSlides = "#slider_562472b018d72";
                            window.globalSliderSpeed = "5000";
                            window.globalSlidesActive = "yes";
                        </script>
                        <script type="text/javascript">
                            window.globalHeaderTransparentActive = "yes";


                        </script>

                        </section>
                    </section>
                </div>
            </div>';
            ?>