Home > Web Front-end > JS Tutorial > 多图展示滑动过渡效果_图象特效

多图展示滑动过渡效果_图象特效

PHP中文网
Release: 2016-05-16 19:23:04
Original
1051 people have browsed it

<base href=&#39;http://demo.rexsong.com/200508/image_glide/&#39;>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">  
    <head> 
        <title>ß | Fyrebase™</title> 
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
        <meta http-equiv="imagetoolbar" content="no" /> 
        <style type="text/css" media="screen">@import url("base.css");</style> 
        <script type="text/javascript" language="javascript"> 
            var thumbCount = 4; 
        </script> 
        <script type="text/javascript" language="javascript" src="base.js"></script> 
    </head> 
    <body> 
        <div id="fbMaster"> 
            <dl id="pNav"> 
                <dt><img src="images/logo_fyrebase.gif" width="190" height="58" alt="Fyrebase.com Logo" /></dt> 
                <dd><a title="">Paparazzi Kings</a></dd> 
                <dd><a href="index.html?pid=aadree" title="">Aadree</a></dd> 
                <dd><a href="index.html?pid=c9" title="">Cloud 9</a></dd> 
                <dd><a href="index.html?pid=va" title="">Vin Australis</a></dd> 
                <dd><a href="index.html?pid=dkd" title="">David K Difference</a></dd> 
                </dl> 
            <dl id="content"> 
                <dt> 
                    <div> 
                        <span id="zoom"><img id="zoom0" src="ss_lrg_pk0.jpg" width="514" height="432" alt="" /><img id="zoom1" src="ss_lrg_pk1.jpg" width="514" height="432" alt="" /><img id="zoom2" src="ss_lrg_pk2.jpg" width="514" height="432" alt="" /><img id="zoom3" src="ss_lrg_pk3.jpg" width="514" height="432" alt="" /></span>     
                    </div> 
                    <script type="text/javascript" language="javascript"> 
                        document.getElementById(&#39;zoom&#39;).style.left    = -514 + &#39;px&#39;; 
                        document.getElementById("zoom1").style.visibility    = "hidden"; 
                        document.getElementById("zoom2").style.visibility    = "hidden"; 
                        document.getElementById("zoom3").style.visibility    = "hidden"; 
                    </script> 
                </dt> 
                <dd><a title=""><img id="thumb0" src="ss_sml_pk0.jpg" width="106" height="106" alt="" /></a><script type="text/javascript" language="javascript">document.getElementById("thumb0").style.visibility    = "hidden";</script></dd> 
                <dd><a title=""><img id="thumb1" src="ss_sml_pk1.jpg" width="106" height="106" alt="" /></a><script type="text/javascript" language="javascript">document.getElementById("thumb1").style.visibility    = "hidden";</script></dd> 
                <dd><a title=""><img id="thumb2" src="ss_sml_pk2.jpg" width="106" height="106" alt="" /></a><script type="text/javascript" language="javascript">document.getElementById("thumb2").style.visibility    = "hidden";</script></dd> 
                <dd><a title=""><img id="thumb3" src="ss_sml_pk3.jpg" width="106" height="106" alt="" /></a><script type="text/javascript" language="javascript">document.getElementById("thumb3").style.visibility    = "hidden";</script></dd> 
                </dl> 
        </div> 
    </body> 
</html>
Copy after login

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template