感谢您的支持,我会继续努力的!
打开微信扫一扫,即可进行扫码打赏哦
点我查看本站打赏源码!
Powered by RUNCODEX.COM,学的不仅是技术,更是梦想!!!
<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<div>
<img src="http://www.fgm.cc/learn/lesson10/img/01.jpg">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</div>
xxxxxxxxxx
var arr=["http://www.fgm.cc/learn/lesson10/img/01.jpg",
"http://www.fgm.cc/learn/lesson10/img/02.jpg",
"http://www.fgm.cc/learn/lesson10/img/03.jpg",
"http://www.fgm.cc/learn/lesson10/img/04.jpg",
"http://www.fgm.cc/learn/lesson10/img/05.jpg"]
var i =0;
window.onload=test()
function test(){
if (i==4)
i = -1;
i=i+1;
$("img").attr("src",arr[i])
t=setTimeout("test()",1000)
}
$("li").mouseover(function(){
clearTimeout(t);
var ind = $(this).index()
$("img").attr("src",arr[ind])
})
$("li").mouseleave(function(){
test()
img{
// display:none;
width:100%;
li{
display:inline-block;
list-style:none;
width:20px;
height:20px;
margin:3px;
background-color:#F6AB29;
border-radius:50%;
color:#FFFFFF;
text-align:center;
li:hover{
background-color:#FF6600;
ul{
position:absolute;
bottom:-10px;
right:10px;
div{
cursor:pointer;
width:80%;
margin:auto;
position: relative;
border:5px solid #FFFFFF;
border-radius:5px;
body{
background-color:#000000;