當前位置：首頁 » 網頁設計 » 網頁圖片動態

網頁圖片動態

發布時間: 2021-03-25 23:32:49

❶ 如何下載網頁上的動態圖片

比較省事的方法就是下載以下三個軟體，他們各自有各自的用途和優點，還不分什麼網，什麼優酷、土豆的：
1.用「狂雷下載平台V1.7」；
2.用「RealPlayer
11
簡體中文正式版」；
3.用一款「VideoCacheView
(視頻緩存中提取)V1.52
漢化綠色版」的軟體提取視頻。
說明：1.是下載軟體,「工具箱」中有「嗅探」、「轉換」還有「截取與合並」功能；
2.是錄制軟體，裡面也有轉換等功能
；
3.是視頻提取軟體。有了這3個軟體一般都能搞定，除非是加密視頻（不懂Hi我）
詳細情況你去看這里就知道怎麼解決了：http://..com/question/125240537

❷ 在網頁中怎麼讓圖動起來

<MARQUEE ALIGN="…"
behavior="…"
BGCOLOR="…"
DIRECTION="…"
HEIGHT="…"
WIDTH="…"
HSPACE="…"
VSPACE="…"
LOOP="…"
SCROLLAMOUNT="…"
SCROLLDELAY="…"
>…</MARQUEE>

align: 對齊方式 LEFT，，RIGHT，TOP，BOTTOM (不用多說了)
behavior: 用於設定滾動的方式，主要由三種方式：
behavior="scroll": 表示由一端滾動到另一端；
behavior="slide": 表示由一端快速滑動到另一端，且不再重復；
behavior="alternate" : 默認值——表示在兩端之間來回滾動。
direction: left(默認值) 左; right 右;up 上;down 下;
bgcolor: 背景顏色
height: 高度
weight: 寬度
Hspace/vspace: 分別用於設定滾動字幕的左右邊框和上下邊框的寬度。作用大概和css中的margin差不多
scrollamount: 用於設定每個連續滾動文本後面的間隔，該間隔用像素表示，以上是官方說法,其實就是滾動的速度，值不能太大,要不從視覺角度來說,是沒反應的.值越大速度越快，反之越慢。
scrolldelay: 延遲時間
loop: 這個屬性大家也很熟悉，循環次數；loop=-1的時候一直重復循環（默認值）

好，現在我們再來接觸一些Dcode的一些知識。
首先是兩個滑鼠事件

onmouseover: 滑鼠觸發事件---當用戶將滑鼠指針移動到對象內時觸發
onmouseout: 滑鼠滑出事件---當用戶將滑鼠指針移出對象邊界時觸發
這里要用到的是 this.start() 與this.stop()
FONT-SIZE: 9pt; COLOR: black; FONT-FAMILY: 宋體; mso-ascii-font-family: Verdana; mso-hansi-font-family: Verdana">意思就是滑鼠移到marquee的內容上的時候停止循環，滑鼠移開marquee 又開始移動。
繼續
innercode: 設置或獲取位於對象起始和結束標簽內的 code
innerText: 設置或獲取位於對象起始和結束標簽內的文本
scrollLeft: 設置或獲取位於對象左邊界和窗口中目前可見內容的最左端之間的距離
scrollTop: 設置或獲取位於對象最頂端和窗口中可見內容的最頂端之間的距離。PS:大家不要想當然的以為有scrollRigh和scrollDown ：）
scrollDelay: 設置或獲取字幕滾動的速度，要創建垂直滾動的字幕，請將其 scrollLeft 屬性設定為0，要創建水平滾動的字幕，請將其 scrollTop 屬性設定為 0，這將覆蓋任何腳本設置
scrollHeight: 獲取對象的滾動高度
scrollAmount: 設置或獲取介於每個字幕繪制序列之間的文本滾動像素數
offsetTop: 獲取對象相對於版面或由 offsetTop 屬性指定的父坐標的計算頂端位置
offsetLeft: 獲取對象相對於版面或由 offsetParent 屬性指定的父坐標的計算左側位置
offsetHeight: 獲取對象相對於版面或由父坐標 offsetParent 屬性指定的父坐標的高度。
setInterval: 交互時間。它從載入後,每隔指定的時間就執行一次表達式
clearInterval: 使用 setInterval 方法取消先前開始的間隔事件。
<html>
<head>
<style type="text/css">

</style>
<head>
<body>

<div id="layer1" style="overflow-y:hidden;width:50;">
<div id="layer2">

<table width="130" height="70" border="0" align="center" cellpadding="0" cellspacing="0" class="test">

<tr>

<td width="150" height="70" valign="top" bgcolor="#FFFFFF" class="nav1style style46">

<center>第(1)條</center>

<a href="#" title="關於＜＜電氣工程自動化＞＞研究生班授課的通知" class="none_underline"><font color=#ff0000>關於＜＜電氣工程自動化＞＞研究生班授課的通知 2006-3-9</font></a><br><br>

<center>第(2)條</center>

<a href="#" title="關於企業管理研究生班授課的通知" class="none_underline"><font color=#ff0000>關於企業管理研究生班授課的通知 2006-3-8</font></a><br><br>

</td>

</tr>

</table>
</div>
<div id="layer3"></div>

<script language="javascript">

var layerHeight = 100; // 定義滾動區域的高度.

var iFrame = 1; // 定義每幀移動的象素.

var iFrequency = 50; // 定義幀頻率.

var timer; // 定義時間句柄.

if(document.getElementById("layer2").offsetHeight >= layerHeight)

document.getElementById("layer1").style.height = layerHeight;

else

document.getElementById("layer1").style.height = document.getElementById("layer2").offsetHeight;

document.getElementById("layer3").innerHTML = document.getElementById("layer2").innerHTML;

function move(){

if(document.getElementById("layer1").scrollTop >= document.getElementById("layer2").offsetHeight){

document.getElementById("layer1").scrollTop -= (document.getElementById("layer2").offsetHeight - iFrame);

}

else {

document.getElementById("layer1").scrollTop += iFrame;

}

}

timer = setInterval("move()",iFrequency);

document.getElementById("layer1").onmouseover=function() {clearInterval(timer);}

document.getElementById("layer1").onmouseout=function() {timer=setInterval("move()",iFrequency);}
</script>

</body>
</html>

❸ 怎麼復制網頁上的動態圖片啊

首先，你要確定是圖片還是Flash.
圖片的話，閃動的無非是
.gif類型文件，直接滑鼠右鍵，內圖片另存為，保存到本地容就可以了，以後還可以在QQ上發送。
如果是Flash的話，可以用迅雷插件，將滑鼠移到Flash,會提示下載，點擊後保存到本地也可以。

❹ 關於網頁圖片，如果在背景圖片中插入動態圖片

通過表格或者是復Div來定位就行了
光從你制圖片上顯示的區域來看
需要插入一個兩行五列的表格
<table>
<tr>
<td colspan="5" height="用ps或者是其他的圖片處理軟體測下高度"></td>
</tr>
<tr>
<td width="用ps或者是其他的圖片處理軟體測下高度(距離黑圖片的最左邊距離)"></td>
<td width="黑衣服的寬度"><img src='需要方式的圖片路徑'></td>
<td width="兩衣服之間的寬度"></td>
<td width="黃衣服的寬度"><img src='需要方式的圖片路徑'></td>
<td></td>
</tr>
</table>

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

給你一個例子：
<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>

❻ 請問網頁上這種圖片動態切換效果是怎麼實現的

用flash軟體
以兩張照片為例:
設置兩層,下面一層放第一張照片,設置關鍵楨三個,1到2是運動變化(2的圖是1按比例縮小的),2到3是透明度漸變,也是運動變化.
上面一層放第二張照片,同樣三個關鍵楨,只是起始於下一層的2位置.
具體可參考flash的教程,有問題可以在網路里給我發消息.

❼ 如何製作網頁中的動態圖片

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

❽ 在網頁製作中，怎麼把圖片應用為動態HTML效果

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

❾ 在網頁製作中怎麼圖片里添加動態圖

網頁中插入靜態圖片、或者動態圖片都是一樣的
都是使用<img></img>標簽
代碼如下：

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>動態圖片示例</title>
</head>

<body>

<div>
<imgsrc="images/tccc.gif"width="232"height="124"/>
</div>
</body>
</html>

閱讀全文

網頁圖片動態

與網頁圖片動態相關的閱讀推薦