js+css写的图片自动切换

网上有很多的这样的js代码，今天没什么事，看了一段，自己模仿了一下，记录下来，什么时候再仔细钻研钻研……

1、html代码

View Code

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 2 <html>
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 5 <title>图片自动切换</title>
 6 <link rel="stylesheet" type="text/css" href="css/picChange.css"/>
 7 <script language="javascript" src="js/picChange.js"></script>
 8 </head>
 9 <body>
10     <div id="main">
11         <div id="picWhole">
12             <div id="pic">
13                 <div id="picList">
14                     <ul>
15                         <li><a href="#" target="_blank"><img src="images/01.jpg" alt="性感美女1"/></a></'picList',0,-675,10);
                classNormal('picFoucus','picText');
                classCurrent('picFoucus','picText',3);
            }
    }
}

function operation(n){
    var x = [0, -225, -450, -675];
    if(n == 3){
        moveElement('picList',0,x[n-3],10);
        classNormal('picFoucus','picText');
        classCurrent('picFoucus','picText',0);
    }else{
        moveElement('picList',0,x[n+1],10);
        classNormal('picFoucus','picText');
        classCurrent('picFoucus','picText',n+1);
    }    
}

function autoSwitch() {
    if(!$('picWhole')) return false;
    if(atuokey) return false;
    var picFocus = $('picFoucus').getElementsByTagName('li');
    var listLength = picFocus.length;
    var currentNum = -1;
    for(var i=0; i<listLength; i++) {
        if (picFocus[i].className == 'current') {
                currentNum = i;
                break;
        }
    }
    operation(currentNum);
}
setInterval("autoSwitch()", 3000);
loadFunction(picSwitch);

转载于:https://www.cnblogs.com/binger/archive/2012/08/07/javascript-css.html

js+css写的图片自动切换

浏览过的版块