js编写轮播图，广告弹框

1.轮播图

　　js编写轮播图，需要用到setInterval(计时器)；先给一个div,里面放轮播图的图片,将轮播图的图片明明为相同样式的；如：banner1.jpg，banner2.jpg，banner3.jpg；

　　

　　　　(图片宽度自己设置，宽高与div的大小一致，确定填充满)

　　

　　js编写轮播图图片变换函数

　　

2.广告弹框　

　　　　广告弹框与上面写的一样，也是利用计时器，加载完页面后过一段时间，就弹出广告，然后过一段时间在自动关闭，需要设置计时器，页面加载完后三秒后显示广告，并清除显示计时器，重新定义隐藏计时器，三秒后隐藏，代码如下　　　　

　　

下面写一个轮播图图片数字随图片变化的代码：

html文件

<div id="banner">
                    <img src="img/flash/6.jpg"/>
                    <ul>
                        <li>1li>
                        <li>2li>
                        <li>3li>
                        <li>4li>
                        <li>5li>
                        <li class="selected">6li>
                        <li>7li>
                    ul>
                div>

 

转载于:https://www.cnblogs.com/Zs-book1/p/10457459.html