前段時(shí)間寫了一個(gè)圖片滾動(dòng)的效果，js還沒(méi)封裝，回頭在更新。
-------------------
已更新，支持ie了?
貼出來(lái)的代碼更新了，附件沒(méi)有更新
-------------------
-------------------
已更新，支持ie了?
貼出來(lái)的代碼更新了，附件沒(méi)有更新
-------------------
function mmove(){
clearInterval(move);
move = setInterval(moveEvent,30);
}
function moveEvent(){
mleft--;
picList.style.marginLeft = mleft + 'px';
if ( mleft == arr[img.length/2-1]-110){
mleft=0;
}
for(var i=0; i<arr.length;i++){
if(arr[i] == mleft){
clearInterval(move);
setTimeout(mmove, 3000);
m = 110;
}
}
}
if(document.getElementById('picList')){
var picList = document.getElementById('picList');
var img = picList.getElementsByTagName('a');
var mleft = 0;
var move = setInterval(moveEvent,30);
var info = picList.innerHTML;
info += info ;
picList.innerHTML = info;
for(var i=0;i<img.length;i++ ){
img[i].onmousemove = function(){
clearInterval(move);
}
img[i].onmouseout = function(){
setTimeout(mmove,30);
}
}
var arr = new Array();
for ( var i=0; i<img.length/2; i++){
arr[i] = -110*i;
}
}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>New Web Project</title>
<style>
#picView { width:330px; margin-left:100px; height:110px; overflow:hidden;}
#picList { width:1320px; height:110px;}
#picView img { width:100px; width:100px; margin:5px; border:0; }
#picView a { width:110px; height:110px; float:left;}
</style>
</head>
<body>
<div id="picView">
<div id="picList">
<a href="#"><img src="images/1.jpg" /></a>
<a href="#"><img src="images/2.jpg" /></a>
<a href="#"><img src="images/3.jpg" /></a>
<a href="#"><img src="images/4.jpg" /></a>
<a href="#"><img src="images/5.jpg" /></a>
<a href="#"><img src="images/6.jpg" /></a>
</div>
</div>
</body>
<script src="js/picMove.js" type="text/javascript" ></script>
</html>
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號(hào)聯(lián)系： 360901061
您的支持是博主寫作最大的動(dòng)力，如果您喜歡我的文章，感覺(jué)我的文章對(duì)您有幫助，請(qǐng)用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點(diǎn)擊下面給點(diǎn)支持吧，站長(zhǎng)非常感激您！手機(jī)微信長(zhǎng)按不能支付解決辦法：請(qǐng)將微信支付二維碼保存到相冊(cè)，切換到微信，然后點(diǎn)擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對(duì)您有幫助就好】元
