1、jQuery插件之bxSlider幻灯片插件

谁践踏了优雅 2022-06-15 06:45 274阅读 0赞

<!DOCTYPE html>  
<html lang="en">  
    <head>  
        <meta charset="utf-8">  
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">  
        <script src="jquery.min.js"></script>  
        <script src="[jquery.bxslider.min.js][]"></script>  
        <link href="jquery.bxslider.min.css" rel="stylesheet" />  
        <style>  
           img\{  
            width: 100%;  
           \}  
        </style>  
    </head>  
    <body>  
    <ul class="bxslider">  
        <li><img src="picto.png" /></li>  
        <li><img src="houses.jpg" /></li>  
        <li><img src="hillside.jpg" /></li>  
    </ul>  
    </body>  
    <script>  
        $(document).ready(function()\{  
            $('.bxslider').bxSlider(\{  
                'speed':500,  
                'mode':'fade',  
                'auto':true,  
                'pause':2000,  
                'autoHover': true  
            \});  
        \});  
    </script>

</html>

可以参考官网:http://bxslider.com/

效果:

![Center][]

[jquery.bxslider.min.js]: http://bxslider.com/
[Center]: /images/20220615/754e516f48bb4b7a83ea9521250d41c6.png

发表评论取消回复

表情：

评论列表（有 0 条评论，274人围观）

还没有评论，来说两句吧...

相关阅读

相关 jquery插件的插件验证_jQuery的dwImageProtector插件

jquery插件的插件验证 I've always been curious about the jQuery JavaScript library. jQuery has

ゝ一世哀愁。/ 2023年02月22日 01:25/ 0 赞/ 4 阅读

相关 JQuery插件获取URL插件

JQuery插件获取URL中GET请求参数 / JQuery插件：获取浏览器GET参数请求，返回一个数组 @author NICK @date 2016/0

我就是我/ 2022年07月17日 02:20/ 0 赞/ 401 阅读

相关 15、jQuery插件之slider幻灯片插件(可悬停控制)

slider.js代码: /\\ \ slider插件可悬停控制 \/ ; $(function ($, window, document, undefine

淩亂°似流年/ 2022年06月15日 07:23/ 0 赞/ 305 阅读

相关 5、jQuery插件之jqzoom放大镜插件

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xht

待我称王封你为后i/ 2022年06月15日 06:49/ 0 赞/ 298 阅读

相关 3、jQuery插件之datetimepicker时间插件

[datetimepicker 插件用法及参数说明][datetimepicker] // 选择时间和日期 $(".form-datetime").datetimep

短命女/ 2022年06月15日 06:47/ 0 赞/ 780 阅读

相关 1、jQuery插件之bxSlider幻灯片插件

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8">

谁践踏了优雅/ 2022年06月15日 06:45/ 0 赞/ 275 阅读

相关 16、jQuery插件之Slick幻灯片插件

简介 slick 是一个基于 jQuery 的幻灯片插件，具有以下特点：支持响应式浏览器支持 CSS3 时，则使用 CSS3 过度/动画支持移动设备滑动

╰+哭是因爲堅強的太久メ/ 2022年06月09日 01:26/ 0 赞/ 1154 阅读

相关 jQuery幻灯片插件slick实例

　　由于工作要将图片做成幻灯片样式，于是想到了JQuery插件slick，上网查了一下，一些效果用法实例特意在此记录下：一.单个显示 <!DOCTYPE html

亦凉/ 2022年04月06日 10:48/ 0 赞/ 626 阅读

相关 SlidesJS - 老牌的响应式 jQuery 幻灯片插件

　　SlidesJS 是一款老牌的 [jQuery][jQuery] 幻灯片插件，经过多年的发展，已经成为一款功能齐全，设计精巧的幻灯片插件。支持循环、自动播放功能和淡入淡出过

我会带着你远行/ 2022年03月28日 08:16/ 0 赞/ 463 阅读

相关 KinSlideshow幻灯片插件 Jquery幻灯片图片切换

$(function(){ $("KinSlideshow").KinSlideshow({ moveS

àì夳堔傛蜴生んèń/ 2022年03月20日 04:50/ 0 赞/ 339 阅读