当前位置：首页 » 网页设计 » 网页图片动态

网页图片动态

发布时间: 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>

阅读全文

网页图片动态

与网页图片动态相关的阅读推荐