> 웹 프론트엔드 > JS 튜토리얼 > 多图展示滑动过渡效果_图象特效

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

PHP中文网
풀어 주다: 2016-05-16 19:23:04
원래의
1043명이 탐색했습니다.

<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>
로그인 후 복사

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿