search

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

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

PHP中文网
PHP中文网Original
2016-05-16 19:23:041046browse

<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>

Statement：
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
Previous article：用js重建星际争霸_基础知识Next article：firefox中JS读取XML文件_javascript技巧

Related articles

See more