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 呵呵,你可以找找代码什么的