㈠ 網頁設計中怎樣插入動態圖
動態圖是GIF擴展名的圖片，你只需使用img標簽就行了。
<imgsrc="圖片地址"width="寬度"height="高度"alt="圖片說明"/>
㈡ 如何給html頁面添加動態等待效果
1、直接貼圖：
在界面上貼一個gif動態等待效果圖片
gif圖片獲取方式：網上找素材，會ps的可以自己製作
<img src="wait.gif" />
2、CSS3/SVG/HTML5 Canvas手動繪制等待效果：
這種效果：網上有很多類似素材，可以根據需要選擇，或使用上述技術繪制
下面提供一個CSS3繪制的範例
<style>
.loading {
width:0;
height:0;
border-right:20px solid #fff;
border-top:20px solid #000;
border-left:20px solid #fff;
border-bottom:20px solid #000;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
.loading {
animation: bganim 0.6s linear 0s infinite;
-moz-animation: bganim 0.6s linear 0s infinite;
-webkit-animation: bganim 0.6s linear 0s infinite;
}
@keyframes bganim {
from { transform:rotate(0deg); } to { transform:rotate(360deg); }
}
@-moz-keyframes bganim {
from { -moz-transform:rotate(0deg); } to { -moz-transform:rotate(360deg); }
}
@-webkit-keyframes bganim {
from { -webkit-transform:rotate(0deg); } to { -webkit-transform:rotate(360deg); }
}
</style>
<label>CSS3效果</label>
<div class="loading"></div>
-------------------------------------------------
效果如下圖：
運行機制很簡單，先手動繪制一個靜態的圖，然後控制對應div進行360度旋轉，即可實現
3、使用js等待效果插件(如：spin.js)
JS
-----------------------------------------------------
var opts = {
lines: 9,
length: 0,
width: 15,
radius: 20,
corners: 1,
rotate: 0,
direction: 1,
color: '#0101DF',
speed: 1,
trail: 34,
shadow: false,
hwaccel: false,
className: 'spinner',
zIndex: 2e9,
top: '50%',
left: '50%'
};
var target = document.getElementById('img_wait');
var spinner = new Spinner(opts).spin(target);
7
html
---------------------------------
<div id="img_wait"></div>
㈢ HTML怎麼用動態圖片做背景
你好，方式有很多哦，隨便列舉3種方式：
使用本身就是動態變化的（gif）作背景。但是gif圖不僅要求圖片長寬大，而且清晰度也要高。
使用幾張圖片，用javascript每隔一段時間刷新背景圖片的url地址為每一張圖片。
使用HTML5 動畫技術。
㈣ 怎麼用代碼將兩個動態圖案並排表示
用代碼將兩個動態圖案並排表示
用下面的html源代碼就可以將兩個廣告或者圖片並排顯示：
<table align=center><tr><td><table border="0〃 align="left"style="margin-left:30px"><tr><td>
廣告代碼1</td></tr></table></td><td><table border="0〃 align="left"
><tr><td>
廣告代碼2
</td></tr></table></td></tr></table>
但是裡面可以加多一項參數，就是兩個圖片之間的間距，用這個代碼設置圖片代碼的時候，會發現兩張圖片是緊挨在一起的，如果不想這兩個圖片挨的這么近，可以給其中一個圖片加多一個間距的html代碼：style="margin-left:30px" 。 (左側空30個像素的距離)
數值可以根據你自己的需要進行設置。
上面修改後的完整源代碼如下：
<table align=center><tr><td><table border="0〃 align="left"style="margin-left:30px"><tr><td>
<a href="http://www.xxx.com" target='_blank'><img src="http://xxx.com/name.gif&type=gif" ></a></td></tr></table></td><td><table border="0〃 align="left"
><tr><td>
<a href="http://www.xxx.com" target='_blank'><img src="http://xxx.com/name.gif&type=gif"style="margin-left:30px"></a>
</td></tr></table></td></tr></table>