JS函数传参实例应用：多组图片切换实例

之前的博客有一个图片切换的例子，实现了简单轮播图的点击切换的案例，今天就说一下多组轮播切换，前提是布局差不多，通过函数传参的形式减少代码应用，但是同时还能实现效果。先来看一下之前那个例子的实现图片：

那么今天我来实现两组这样的图片切换，通过传参数来实现，这样分可以减少js代码：

<div class="box" id="pic1">
        <img src="" />
        <span>数量正在加载中……span>
        <p>文字说明正在加载中……p>
        <ul>ul>
    div>

    <div class="box" id="pic2">
        <img src="" />
        <span>数量正在加载中……span>
        <p>文字说明正在加载中……p>
        <ul>ul>
div>

css样式：

js代码：

来看效果土：

通过传参其实就是减少代码的重用，那么重用代码的几个前提是：

1、尽量保证 HTML 代码结构一致，可以通过父级选取子元素

2、把核心主程序实现，用函数包起来

3、把每组里不同的值找出来，通过传参实现

好了，今天就到这里，明天继续！加油！

转载于:https://www.cnblogs.com/web001/p/7979027.html