靳闯博客 记录是一种习惯,分享是一种态度
  • 波浪
  • 波浪
  • 波浪
  • 波浪
波浪样式
发表于: | 分类: 技术积累 | 标签: html | 评论:0 | 阅读: 198
所需文件下载:

css+js+html_bolang.zip

使用:

head中引入css 和 js

<link rel="stylesheet" href="/bolang/bolang.css">
<script src="/bolang/jquery.min.js"></script>
<script src="/bolang/script.js"></script>

html代码:
在需要的地方贴上html代码即可

<div class="wave-box">
    <div class="marquee-box marquee-up" id="marquee-box">
        <div class="marquee">
            <div class="wave-list-box" id="wave-list-box1">
                <ul>
                    <li><img height="60" alt="波浪" src="/img/wave_02.png"></li>
                </ul>
            </div>
            <div class="wave-list-box" id="wave-list-box2">
                <ul>
                    <li><img height="60" alt="波浪" src="/img/wave_02.png"></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="marquee-box" id="marquee-box3">
        <div class="marquee">
            <div class="wave-list-box" id="wave-list-box4">
                <ul>
                    <li><img height="60" alt="波浪" src="/img/wave_01.png"></li>
                </ul>
            </div>
            <div class="wave-list-box" id="wave-list-box5">
                <ul>
                    <li><img height="60" alt="波浪" src="/img/wave_01.png"></li>
                </ul>
            </div>
        </div>
    </div>
</div>


如果这篇文章帮助到了你,我感到十分荣幸!

或许你不想写点什么......

icon_mrgreen.gificon_neutral.gificon_twisted.gificon_arrow.gificon_eek.gificon_smile.gificon_confused.gificon_cool.gificon_evil.gificon_biggrin.gificon_idea.gificon_redface.gificon_razz.gificon_rolleyes.gificon_wink.gificon_cry.gificon_surprised.gificon_lol.gificon_mad.gificon_sad.gificon_exclaim.gificon_question.gif

站点地图 网站地图
豫ICP备17003270号 | Copyright © 2017-2018 💖 靳闯博客
Typecho🍹Sgreen
TOP