導航:首頁 > 萬維百科 > 網頁設計中圖片流星動態代碼

網頁設計中圖片流星動態代碼

發布時間:2020-09-03 13:31:40

1、怎樣在網頁中插入動態圖片,代碼怎麼寫啊,急??

動態圖片一般是GIF文件,可以在網頁代碼中直接使用img標簽來調用
<img src="/路徑/***.gif">,需要注意寫清楚路徑,不然會導致無法顯示。

2、求HTML動態圖片代碼

<div id="demo" style="overflow:hidden;width:670px;color:#ffffff;">
<table cellpadding="0" cellspacing="0" border="0">
<tr><td id="demo1" valign="top" align="center">
<table cellpadding="2" cellspacing="0" border="0">
<tr align="center">
<td><img src="http://www.haao.cn/logo.gif" width="88"></td>
<td><img src="http://www.haao.cn/logo.gif" width="88"></td>
<td><img src="http://www.haao.cn/logo.gif" width="88"></td>
<td><img src="http://www.haao.cn/logo.gif" width="88"></td>
<td><img src="http://www.haao.cn/logo.gif" width="88"></td>
</tr>
</table>
</td>
<td id="demo2" valign="top"></td>
</tr>
</table>
</div>
<script>
var speed=1//速度數值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

我的這段代碼不會出現跑一段就停下的現象
<DIV align=center>
<DIV id=scroll_div
style="OVERFLOW: hidden; WIDTH: 778px;"
align=center>
<TABLE border="0" cellpadding="0" cellspacing="0">
<TBODY>
<TR>
<TD id=scroll_begin>
<A href="#"><IMG src="http://bbs.blueidea.com/images/blue/logo.gif" border=0></A><A href="#"><IMG src="http://bbs.blueidea.com/images/blue/logo.gif" border=0></A><A href="#"><IMG src="http://bbs.blueidea.com/images/blue/logo.gif" border=0></A><A href="#"><IMG src="http://bbs.blueidea.com/images/blue/logo.gif" border=0></A><A href="#"><IMG src="http://bbs.blueidea.com/images/blue/logo.gif" border=0></A><A href="#"><IMG src="http://bbs.blueidea.com/images/blue/logo.gif" border=0></A><A href="#"><IMG src="http://bbs.blueidea.com/images/blue/logo.gif" border=0></A><A href="#"><IMG src="http://bbs.blueidea.com/images/blue/logo.gif" border=0></A></TD>
<TD id=scroll_end>
</TR></TBODY></TABLE>
</DIV></DIV>
<SCRIPT>
var speed=30
var scroll_end = document.getElementById("scroll_end");
var scroll_div = document.getElementById("scroll_div");
scroll_end.innerHTML=scroll_begin.innerHTML
function Marquee(){
if(scroll_end.offsetWidth-scroll_div.scrollLeft<=0)
scroll_div.scrollLeft-=scroll_begin.offsetWidth
else{
scroll_div.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
scroll_div.onmouseover=function() {clearInterval(MyMar)}
scroll_div.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</SCRIPT>

3、怎樣做網頁圖片動態展示效果

給你一個例子:
<HTML>
<HEAD>
<TITLE> 我的主頁 </TITLE>
</HEAD>
<BODY>

大幅圖片廣告代碼演示
<style type="text/css">
img {border:0px;}
</style>

<table width="778" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<div id=oTransContainer
style="FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0,wipeStyle=0, motion='forward');WIDTH:165px; HEIGHT:103px">
<a href="http://www.hao123.com" target="_blank"><img id=oDIV1 src="D:\素材——ALL\照片素材\Material\PhotoShop背景素材包\fire01.jpg" width=788 height=150></a>
<a href="http://www.hao123.com" target="_blank"><img id=oDIV2 src="D:\素材——ALL\照片素材\Material\PhotoShop背景素材包\www.Gm1.cn001.jpg" width=788 height=150 style="DISPLAY:none;"></a>
<a href="http://www.hao123.com" target="_blank"><img id=oDIV3 src="D:\素材——ALL\照片素材\Material\PhotoShop背景素材包\www.Gm1.cn002.jpg" width=788 height=150 style="DISPLAY:none;"></a>
<a href="http://www.hao123.com" target="_blank"><img id=oDIV4 src="D:\素材——ALL\照片素材\Material\PhotoShop背景素材包\www.Gm1.cn003.jpg" width=788 height=150 style="DISPLAY:none;"></a>
<a href="http://www.hao123.com" target="_blank"><img id=oDIV5 src="D:\素材——ALL\照片素材\Material\PhotoShop背景素材包\www.Gm1.cn004.jpg" width=788 height=150 style="DISPLAY:none;"></a>
</div>
</td>
</tr>
</table>

</BODY>
</HTML>

<script>
var NowFrame = 1;
var MaxFrame = 5;
var bStart = 0;
function fnToggle(){
var next = NowFrame + 1;
if(next == MaxFrame+1)
{
NowFrame = MaxFrame;
next = 1;
}
if(bStart == 0)
{
bStart = 1;
setTimeout('fnToggle()', 2000);
return;
}
else
{
oTransContainer.filters[0].Apply();
document.images['oDIV'+next].style.display = "";
document.images['oDIV'+NowFrame].style.display = "none";
oTransContainer.filters[0].Play(ration=2);
if(NowFrame == MaxFrame)
{NowFrame = 1;}
else
{NowFrame++;}
}
setTimeout('fnToggle()', 6000);
}
fnToggle();
</script>

4、如何製作網頁中的動態圖片?

1、個人認為不是網頁顯示的問題。
2、製作動態GIF圖片後,保存時格式選的不對.你先在系統中點擊圖片看看效果。
3、你的ie瀏覽器設置有問題。
4、打開ie--工具--internet。
5、選項--高級--勾選播放網頁中的動畫。

5、怎麼實現網頁設計的動態化,代碼是什麼,謝謝!

用javascript 來嵌入,
比如有一段代碼很多頁面都要用到,
那麼可以寫一個javascript腳本 include.js

document.write('常用腳本');
document.write('常用腳本');
document.write('常用腳本');
document.write('常用腳本');

然後在需要的地方包含這個js文件,這樣就可以實現在一個html頁麵包含代碼了,需要修改的話可以修改js文件,就不用每個頁去修改了

6、在網頁插入動態圖片的代碼

和插入靜態圖像是一樣的

7、在網頁製作中,怎麼把圖片應用為動態HTML效果

用PS做的是效果圖,需要前端開發人員編寫代碼才可以在網站上展示出來。
簡單來說,在PS里做好之後,需要切圖。把圖片切割成適合在網站上瀏覽。
切圖時需要把文字分離出圖片的要處理好。
切好圖片之後,需要用html結合JavaScript等知識編寫代碼。
這樣寫出的頁面還只是靜態的網站。
如果想要做成動態的效果,還需要搭建後台,連接資料庫等。

8、網頁動態圖片代碼

ASH+ASP動態數據調用 還有一種就是java+html 呵呵,你可以找找代碼什麼的

與網頁設計中圖片流星動態代碼相關的知識