فيما يلي رمز البرنامج:
نسخ رمز رمز على النحو التالي:
<doctype html />
<html>
<head>
<meta http-equiv = "content-type" content = "text /html ؛ charset = gb2312" /> />
<meta http-equiv = "x-ua compatible" content = "ie = emulatie7" />
<title> تأثير فليب الصورة </title>
<type type = "text/css">
.box {Overflow: Hidden ؛
.
محاذاة النص: مرشح ؛
#b1 {background: url (http://biyuan.tk/u/upload/201310221457326875.jpg) ؛
#b2 {background: url (http://biyuan.tk/u/upload/201310221457486875.jpg) ؛
#b3 {background: url (http://biyuan.tk/u/upload/201310221458149843.jpg) ؛
</style>
</head>
<body>
<div id = "obj">
<div id = "b1"> <div> وصف النص <br/> وصف النص </br/> النص </div> </viv>
<div id = "b2"> <viv> وصف النص <br/> وصف النص </br/> النص </div> </viv>
<div id = "b3"> <viv> وصف النص <br/> وصف النص </br/> النص </div> </viv>
</div>
<script type = "text/javaScript">
وظيفة العرض (O ، S ، V) {{
ClearInterval (show.prototype ["a" + v]) ؛
show.prototype ["A" + v] = setInterval (function () {
if (s == -1) {
if (o.offsettop <= -o.parentnode.offsetheight) {{
O.Style.top = -o.parentNode.offSetheight + "PX" ؛
return ClearInterval (show.prototype ["a" + v]) ؛
}
} آخر {
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').
لـ (var i = 0 ؛ i <igs.length ؛ i ++) {
if (igs [i] .classname == "box") {{
(وظيفة (x) {
IGS [x] .onmouseover = function () {
show (this.childnodes [0] ، 1 ، x) ؛
this.onmouseout = function () {
show (this.childnodes [0] ، -1 ، x) ؛
}
}
}) (أنا)؛
}
}
</script>
</body>
</html>
معاينة التأثير: http://biyuan.tk/u/upload/201310221500310000.html