bl双性强迫侵犯h_国产在线观看人成激情视频_蜜芽188_被诱拐的少孩全彩啪啪漫画

JavaScript中怎么實現一個動態圖片-創新互聯

這期內容當中小編將會給大家帶來有關JavaScript中怎么實現一個動態圖片,文章內容豐富且以專業的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。

專注于為中小企業提供做網站、成都做網站服務,電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業沽源免費做網站提供優質的服務。我們立足成都,凝聚了一批互聯網行業人才,有力地推動了1000+企業的穩健成長,幫助中小企業通過網站建設實現規模擴充和轉變。

具體如下:

<html>    <head>        <meta charset="UTF-8">        <title>js-是動態實現圖片顯示</title>        <script type="text/javascript">//            設置圖片的動態效果            function photoOper(ph,photo){//                獲取圖片對象//                var ph=document.getElementById(id); //可以通過id獲得,但是沒必要,我們可以直接使用this直接把對象傳過來                ph.style.border="solid 1px";   //我們是重新賦值,所以我們要用=賦值符,而不是:各個是屬性說明//                在大屏塊顯示                big.src=photo;     //傳過來的數據就已經是一個字符串類型了,雖然我們src的值需要是字符串,但是如果再加一個""就會導致路徑不明,這樣其實際圖片名相當于帶了""            }               //src是big的屬性的是不是樣式屬性,可以直接調用修改,不用加style            function photoOper2(ph){                ph.style.border="";    //移出后邊框值沒            }        </script>        <style type="text/css">            #showp{                width: 500px;                height: 440px;                border: solid 1px;                border-radius: 15px;            }            #ta{                margin: auto;                margin-top: 10px;                margin-left: 10x;            }            img{                margin-left: 3px;            }        </style>    </head>    <body>        <p id="showp">            <table id="ta">                <tr>                    <td colspan="4" width="490px" height="344px"><img src="/tupian/20230522/404.html width="490px" id="big"/></td>                </tr>                <tr>                    <td height="68px"><img src="/tupian/20230522/404.html height="65px" id="p1" onmousemove="photoOper(this,'http://demo.xuebuyuan.com/js/2018/html5-css3-3d-img-flash-codes/images/Blade-Runner-poster-art-Harrison-Ford.jpg')" onmouseout="photoOper2(this)"/></td>                    <td><img src="/tupian/20230522/404.html height="65px" onmousemove="photoOper(this,'http://demo.xuebuyuan.com/js/2018/html5-css3-3d-img-flash-codes/images/2017_alien_covenant_4k-5120x2880-1920x1080.jpg')" onmouseout="photoOper2(this)" /></td>                    <td><img src="/tupian/20230522/404.html height="65px" onmousemove="photoOper(this,'http://demo.xuebuyuan.com/js/2018/html5-css3-3d-img-flash-codes/images/robocop-1987-wallpaper-2.jpg')" onmouseout="photoOper2(this)"/></td>                    <td><img src="/tupian/20230522/404.html height="65px" onmousemove="photoOper(this,'http://demo.xuebuyuan.com/js/2018/html5-css3-3d-img-flash-codes/images/sJALsDXak4EehSg2F2y92rt5hPe.jpg')" onmouseout="photoOper2(this)"/></td>                </tr>            </table>        </p>    </body></html>

上述就是小編為大家分享的JavaScript中怎么實現一個動態圖片了,如果剛好有類似的疑惑,不妨參照上述分析進行理解。如果想知道更多相關知識,歡迎關注創新互聯行業資訊頻道。

分享文章:JavaScript中怎么實現一個動態圖片-創新互聯
網頁網址:http://vcdvsql.cn/article22/dgoojc.html

成都網站建設公司_創新互聯,為您提供動態網站標簽優化企業網站制作網站收錄建站公司網站導航

廣告

聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯

成都做網站