php 图片浏览 JS

PHP页面图片浏览,使用js:

function display_js() {
            ?>
            <div id="wrap">
                <div id="demo">
                    <div id="indemo">
                        <div id="demo1">
                            <a href="a_house.php"><img src="js_cup.jpg" border="0" /></a>
                            <a href="a_ornaments.php"><img src="js_necklace.jpg" border="0" /></a>
                            <a href="a_ornaments.php"><img src="js_necklace2.jpg" border="0" /></a>
                            <a href="a_ornaments.php"><img src="js_pendant.jpg" border="0" /></a>
                            <a href="a_house.php"><img src="js_bedding.jpg" border="0" /></a>
                            <a href="a_clothes.php"><img src="js_coupleclothing.jpg" border="0" /></a>
                        </div>
                        <div id="demo2"></div>
                    </div>
                </div>
                <script>
                    <!--
                    var speed=10;
                    var tab=document.getElementById("demo");
                    var tab1=document.getElementById("demo1");
                    var tab2=document.getElementById("demo2");
                    tab2.innerHTML=tab1.innerHTML;
                    function Marquee(){
                        if(tab2.offsetWidth-tab.scrollLeft<=0)
                            tab.scrollLeft-=tab1.offsetWidth
                        else{
                            tab.scrollLeft++;
                        }
                    }
                    var MyMar=setInterval(Marquee,speed);
                    tab.onmouseover=function() {clearInterval(MyMar)};
                    tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
                    -->
                </script>
            </div>
            <?php
        }

评论
© 时光旅行者/Powered by LOFTER