• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    如何動態給div標簽指定一張圖片

    動態給div標簽指心猿意馬一張圖片,利用jquery是比力便利的,本文介紹兩種體例:

    1)設置div的布景圖

    2)div內部插入一個圖片標簽

    東西/原料

    • visual studio code

    方式/步調

    1. 1

      打開visual studio code,新建如下布局的文件,在vs code中的html頁面輸入一個感慨號,再按一下Tab鍵,就可以快速建立H5格局的頁面DOM布局

    2. 2

      在頁面上添加一個div,設置高=300px,寬=300px。再添加兩個按鈕,用于后面演示點擊按鈕時給div添加圖片

    3. 3

      在頁面head部門,引入jquery源碼,要利用jquery是必需要引入其源文件的

    4. 4

      在頁面添加Jquery代碼,綁心猿意馬【添加布景圖】按鈕的點擊事務,動態給div添加布景圖

    5. 5

      在瀏覽器中打開頁面,點擊【添加布景圖】,就可以看到圖片的結果

    6. 6

      在頁面添加Jquery代碼,綁心猿意馬【添加img標簽】按鈕的點擊事務,動態給div插入一個img標簽,顯示圖片

    7. 7

      在瀏覽器中運行,結果如下

    • 發表于 2019-01-10 00:00
    • 閱讀 ( 800 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆