如何制作幻灯片(代码分享)

前端之家收集整理的这篇文章主要介绍了如何制作幻灯片(代码分享)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

话不多数,请看代码

<style type="text/css">

dw_JS_huanDeng_2 {

margin: 0 auto;
width: 1100px;
position: relative;
z-index: 5;}

JS_HDmenu_2 {

position: absolute;
top: 300px;
z-index: 4;

}
ol,ul {
list-style: none;
}

JS_HDmenu_2 li {

float: left;
width: 12px;
height: 12px;
margin: 0 5px;
border-radius: 6px;
cursor: pointer;
background-color: #A79B9B;

}

JS_HDmenu_2 li:hover {

background-color: red;

}

JS_huanDeng_2 {

margin: 0px auto 0 auto;
position: relative;
height: 320px;
overflow: hidden;}

JS_huanDeng_2 div,#JS_huanDeng_2 a {

display: block;
width: 100%;
height: 100%;

}

JS_huanDeng_2 div {

position: absolute;
z-index: 4;

}

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持编程之家!

原文链接:https://www.f2er.com/js/42794.html

猜你在找的JavaScript相关文章