Das Folgende ist der Programmcode:
Kopieren Sie den Code -Code wie folgt:
<!
<html>
<kopf>
<meta http-äquiv = "content-type" content = "text /html; charset = gb2312" /> />
<meta http-äquiv = "x-ua-kompatible" content = "ie = emulatie7" />
<title> Bildflip -Effekt </title>
<Style type = "text/css">
.Box {Überlauf: versteckt;
.Txt {Breite: 100%: 100%;
Text-Align: Mitte;
#B1 {Hintergrund: URL (http://biyuan.tk/u/upload/201310221457326875.jpg);
#B2 {Hintergrund: URL (http://biyuan.tk/u/upload/201310221457486875.jpg);
#B3 {Hintergrund: URL (http://biyuan.tk/u/upload/201310221458149843.jpg);
</style>
</head>
<body>
<div id = "obj">
<div id = "b1"> <div> Textbeschreibung <br/> Textbeschreibung </br/> Text </div> </div>
<div id = "b2"> <div> Textbeschreibung <br/> Textbeschreibung </br/> Text </div> </div>
<div id = "b3"> <div> Textbeschreibung <br/> Textbeschreibung </br/> Text </div> </div>
</div>
<script type = "text/javaScript">
Funktionshow (o, s, v) {{{{{{{{{{{{{{{{
ClearInterval (show.prototype ["a" + v]);
Show.prototype ["a" + v] = setInterval (function () {
if (s == -1) {
if (o.offsettop <= -o.parentnode.offseteight) {{{{{{{{
O.Style.top = -O.Parentnode.offseteight + "px";
Return clearInterval (show.prototype ["a" + v]);
}
} Anders {
if (o.offsettop> = -10) {
O.Style.top = 0;
Return clearInterval (show.prototype ["a" + v]);
}
}
O.Style.top = (o.offsettop * 1 + 10 * S) + "px";
}, 10);
}
var igs = document.getElementById ('obj').
für (var i = 0; i <igs.length; i ++) {
if (igs [i] .className == "box") {{{{{
(Funktion (x) {
igs [x] .onmouseover = function () {
Show (this.childnodes [0], 1, x);
this.onmouseout = function () {
Show (this.childnodes [0], -1, x);
}
}
}) (ich);
}
}
</script>
</body>
</html>
Effekt Vorschau: http://biyuan.tk/u/upload/201310221500310000.html