技術提供:Blogger.

創意網頁設計,響應式網頁,部落格版型,資料庫,購物車,Bootstrap,RWD,html,css,php,jquery,MySQL,專營綠茶,紅茶,高山凍頂烏龍,阿里山杉林溪梨山大禹嶺茶及茶葉罐杯壺禮盒批發零售,兼營艋舺快遞,汽機車外送,中央果菜市場,環南市場,迪化街等地代購採買及各項代理服務! 孟甲服務專線:0952-916626
E-mail:roberchen3@gmail.com


不間斷的跑馬燈語法搭配php程式碼

<html>
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
<title>孟甲商行</title>
<style type="text/css">
#myDiv {
                overflow: hidden;
                width: 350px;
                background-color: red;
        }
       
        #myDiv img {
                border: 1px solid;
                width: 80px;
        }
</style>
</head>

<body>
<div id="myDiv">
        <table>
        <tr>
                <td id="pic1">
                        //可在紅色字區域將他替換為程式碼
<table>
                        <tr>
                                <td><img src="0.gif" /></td>
                                <td><img src="1.gif" /></td>
                                <td><img src="2.gif" /></td>
                                <td><img src="3.gif" /></td>
                                <td><img src="4.gif" /></td>
                                <td><img src="5.gif" /></td>
                                <td><img src="6.gif" /></td>
                                <td><img src="7.gif" /></td>
                        </tr>
                        </table>
//可在紅色字區域將他替換為程式碼
                </td>
                <td id="pic2"></td>
        </tr>
        </table>
</div>
</body>

<script type="text/javascript">
<!--
        //變數Speed為設定捲軸的速度用 越小越快
        var Speed=1;
        //接受setInterval所回傳的值
        var timer;
        //取得myDiv的參考用的變數
        var myDiv = document.getElementById("myDiv");
        //取得pic2的參考用的變數
        var pic2= document.getElementById("pic2");
        //pic2innerHTML等於pic1innerHTML
        pic2.innerHTML=document.getElementById("pic1").innerHTML;
        //用來捲動myDiv捲軸用的主程式
        function picMarquee(){
                //pic2的寬小於myDivscrollLeft,表示捲軸已經過了第一行
                //所以讓DivscrollLeft再回到原來的位置;反之 則繼續往右跑
                if(pic2.offsetWidth - myDiv.scrollLeft <= 0){
                        myDiv.scrollLeft = 0;
                }else{
                        myDiv.scrollLeft++;
                }
        }
        //Speed毫秒就執行一次pciMarquee()
        timer=setInterval(picMarquee,Speed);
        //當滑鼠在myDiv上時 就停止捲動
        myDiv.onmouseover=function(){
                clearInterval(timer);
        }
        //當滑鼠離開myDiv上時 就繼續往右捲動
        myDiv.onmouseout=function(){
                timer=setInterval(picMarquee,Speed);
        }
//-->
</script>
</html>
<!--Hinet廣告用-->
<script type="text/javascript">
<!--
        //先用Open物件來替代window.open()
        var Open = window.open;
        //覆寫window.open()變成回傳window本身
        window.open = function(){return window;};
//-->

</script>
~歡迎轉載,但請註明來源網站名稱和網址,文章若有侵權,請來信告知,我們會盡快處理~


響應式網頁架站只要6,888元起|[RWD]響應式網站,自適應網頁,讓SEO搜尋引擎最佳化你的網站

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

0 意見 :

張貼留言

1.猛甲茶道,歡迎多留言,可以幫自己網站打廣告~
2.需要 猛甲茶道 回覆,請勿使用匿名留言[可使用名稱/網址,名稱填自己名字,若無網址,請填E-mail]。
3.匿名攻訐、不相干之廣告適用於無條件刪去法,望請海涵:)
4.您可以使用一些 HTML 標記,如:
 <b>粗體</b>, <i>斜體</i>, <a href='網址'>描述文字</a>


室內設計 101時尚舍 happy玩家 中華民國兩岸消費者權益保護協會 孟甲部落格 孟氏洋行 AMCT 骨節 雅弈 統愛眼鏡大批發