clearInterval(t);//鼠标经过清除定时器，离开时又触发
}, function () {
t = setInterval(tt, 3000);
})
}
</script>
<style type="text/css">
* { margin: 0; padding: 0; }
li, ul { list-style: none; margin: 0; padding: 0; }
.frame { width: 280px; height: 280px; position: relative; margin: 0 auto; } /*这里需要修改最大div的宽度和高度*/
.iframe { overflow: hidden; width: 280px; height: 280px; } /*这里需要修改该div的宽度和高度*/
.iframe ul li { float: left; width: 280px; } /*这里需要修改li的宽度*/
.button { position: absolute; bottom: 15px; right: 15px; z-index: 300; }
.button li { float: left; cursor: pointer; width: 17px; height: 17px; line-height: 17px; text-align: center; margin-right: 5px; border-radius: 7px; color: #fff; background: #000; }
.button .on { color: #000; background: #fff; }
</style>
</head>
<body>
<!-- 这里要按照这样的格式来写 -->
<div class="frame">
<ul>
<li><a href="#">
<img src="Wife1.jpg" width="280" height="280" alt="img" /></a></li>
<li><a href="#">
<img src="Wife2.jpg" width="280" height="280" alt="img" /></a></li>
<li><a href="#">
<img src="Wife3.jpg" width="280" height="280" alt="img" /></a></li>
<li><a href="#">
<img src="Wife4.jpg" width="280" height="280" alt="img" /></a></li>
<li><a href="#">
