Jquery悬停停止

Jquery hover stop

本文关键字:悬停 Jquery      更新时间:2023-09-26

我的ipb板上有一个幻灯片,我喜欢在鼠标悬停时停止它。

我找到了这段代码,真的很想在其中添加一些代码来停止。

<script type='text/javascript'>
var JQry = jQuery.noConflict(); 
JQry(document).ready(function(){
    JQry('.slideshow_{$slideshow['ssid']}').show().bxSlider({
        captions: true,
        controls: false,
        mode: '{$slideshow['slideshow_style']}',
        slideMargin: 5,
        minSlides: <if test="$slideshow['slideshow_style']=='vertical'">{$slideshow['slideshow_minSlides']}<else />{$slideshow['slideshow_minSlides']}</if>,
        maxSlides: {$slideshow['slideshow_maxSlides']},
        slideWidth: <if test="$slideshow['slideshow_img_w'] && $slideshow['slideshow_img_w'] > 0">{$slideshow['slideshow_img_w']}<else />{$this->settings['bim_fcontent_thumb_width']}</if>,
        slideHeight: <if test="$slideshow['slideshow_img_h'] && $slideshow['slideshow_img_h'] > 0">{$slideshow['slideshow_img_h']}<else />{$this->settings['bim_fcontent_thumb_height']}</if>,          
        auto: <if test="$slideshow['slideshow_autoplay']=='1'">true<else />false</if>,
        autoHover: true,
        speed: {$slideshow['slideshow_speed']},         
        pause: {$slideshow['slideshow_duration']},
        pager: <if test="$slideshow['slideshow_shownav']=='1'">true<else />false</if>,
        preloadImages: 'all',
    });
});     

还可以在代码中添加悬停事件:

JQry('.slideshow_{$slideshow['ssid']}').show().bxSlider({
    hover: return,
});

当悬停在图像上时,悬停事件被触发,正如我们所写的返回语句函数将被退出。