以下为程序代码: 复system代码 代码如下: <머리> 图文翻转效果 <br>.box {overflow:hidden;position:relative;} <br>.txt {너비:100%;높이:100%;배경:#f51146;글꼴 크기:12px;위치:절대;상단:-100 %;색상:흰색; <br>text-align:center;filter:alpha(Opacity=80);-moz-opacity:0.8;opacity:0.8;} <br>#b1 {배경:url(http://biyuan.tk/u/ upload/201310221457326875.jpg);너비:232px;높이:232px;} <br>#b2 {배경:url(http://biyuan.tk/u/upload/201310221457486875.jpg);너비:110px;높이:110px ;} <br>#b3 {배경:url(http://biyuan.tk/u/upload/201310221458149843.jpg);너비:110px;높이:110px;} <br> <본문> 文字说明文字说明文字 文字说明文字说明文字 文字说明文字说明文字 <br>function Show(o, s, v){ <br>clearInterval(Show.prototype["a" v]); <br>Show.prototype["a" v] = setInterval(function(){ <br>if(s == -1) { <br>if(o.offsetTop <= -o.parentNode.offsetHeight) { <BR>o.style.top = -o.parentNode.offsetHeight "px"; <BR>returnclearInterval(Show.prototype["a" v]) <BR>} <BR>} else { <BR>if (o.offsetTop >= -10) { <br>o.style.top = 0 <br>returnclearInterval(Show.prototype["a" v]) <br>} <br>} <br> o.style.top = (o.offsetTop * 1 10 * s) "px" <br>}, 10); <br>} <br>var igs = document.getElementById('obj').getElementsByTagName("div"); <br>for(var i = 0; i < igs.length; i ) { <BR>if(igs[i].className == "box") { <BR>(function(x){ <BR> igs[x].onmouseover = function(){ <BR>Show(this.childNodes[0], 1, x) <BR>this.onmouseout = function() { <BR>Show(this.childNodes[0] , -1, x); <BR>} <BR>} <BR>})(i); <BR>} <BR>} <BR>
