当前位置：首页 » 网页设计 » 网页播放图片

网页播放图片

发布时间: 2021-03-20 11:25:23

1. 网页图片怎样自动播放

<TABLE
style="BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid"
cellSpacing=0 cellPadding=0 width=750 align=center border=0>
<TBODY>
<TR>
<TD>
<DIV id=demo style="OVERFLOW: hidden; WIDTH: 100%; COLOR: #ffffff">
<TABLE cellSpacing=0 cellPadding=0 align=left border=0 cellspace="0">
<TBODY>
<TR>
<TD id=demo1 vAlign=top><table width="1710" height="116" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="171" background="images/pic_bg.jpg"><div align="center">1</div></td>
<td width="171" background="images/pic_bg.jpg"><div align="center">
<p>2</p>
</div></td>
<td width="171" background="images/pic_bg.jpg"><div align="center">3</div></td>
<td width="171" background="images/pic_bg.jpg"><div align="center">4</div></td>
<td width="171" background="images/pic_bg.jpg"><div align="center">5</div></td>
<td width="171" background="images/pic_bg.jpg"><div align="center">6</div></td>
<td width="171" background="images/pic_bg.jpg"><div align="center">7</div></td>
<td width="171" background="images/pic_bg.jpg"><div align="center">8</div></td>
<td width="171" background="images/pic_bg.jpg"><div align="center">9</div></td>
<td width="171" background="images/pic_bg.jpg"><div align="center">10</div></td>
</tr>
</table></TD>
<TD id=demo2 vAlign=top> </TD></TR></TBODY></TABLE></DIV>
<SCRIPT>
var speed3=25//速度数值越大速度越慢
demo2.innerhtml=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed3)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed3)}
</SCRIPT>
</TD></TR></TBODY></TABLE></TD></TR></TABLE>

2. 网页图片如何自动播放

看来你说的那个网站很实现,要重新写网站程序才可以
,
叫负责做你们网站的技术员搞一好了,
最好的就是这个办法了,如果非要你自己动手的话该说的楼上都说了.......

3. 怎样在网页上放图片

在网页上放图片有两种方法，

一种是图片直接引入：

<imgsrc="XXX.jpg(这里是路径)"title="鼠标停留时显示的文字说明"alt="图片路径出问题时显示的文字说明"/>

第二种是把图片当做背景引入：

<divclass="bg-img"></div>

以上是html，以下是css

.bg-img{
background:url(XXX.jpg)no-repeat00;
}

说明：背景引入，要么把css写在类里，要么把css用style直接用在标签上：

<divstyle="background:url(XXX.jpg)no-repeat00"></div>

（当我是不专业的辩解吧..因为style直接写在标签上很少用，所以不清楚这样缩写有没有问题.. = =）

css内容说明：

background:url(XXX.jpg) no-repeat 0 0;

-- XXX.jpg 明显就是引入图片路径了。如果不用缩写的话，是这样子的：background-image:url(XXX.jpg);

-- no-repeat 就是图片要不要重复显示，no-repeat:不重复显示；repeat-x：按X轴方向重复显示；repeat-y：按Y轴方向重复显示。如果不用缩写的话，是这样子的：backgroung-repeat:...;

-- 0 0 是图片开始显示的坐标，不缩写的话，是这样子的：background-position:0 0;

具体请到http://www.w3school.com.cn里搜索background进行查看。

4. 求网页图片自动播放`````

http://tool.alixixi.com/demo/37/37/

更多在这里下载
http://tool.alixixi.com/guanggao/

这个问题我之前帮好几个人解决过了，详细看
http://..com/question/78505264.html

到时候你下载了会有一个flash和一个xml文件。
xml文件是显示你的图片路径和文字的，打开看看就知道

不懂网络hi问我

5. 网页图片播放 html代码

看下源代码

6. 如何制作网页中图片播放

详细注不知道了，可以去看看相关的代码，就是这样用的，也不能理解

7. 求HTML页面里实现图片自动播放

<TABLE
style="BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid"
cellSpacing=0 cellPadding=0 width=750 align=center border=0>
<TBODY>
<TR>
<TD>
<DIV id=demo style="OVERFLOW: hidden; WIDTH: 100%; COLOR: #ffffff">
<TABLE cellSpacing=0 cellPadding=0 align=left border=0 cellspace="0">
<TBODY>
<TR>
<TD id=demo1 vAlign=top><table width="1710" height="116" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="171" background="images/pic_bg.jpg"><div align="center">1</div></td>
<td width="171" background="images/pic_bg.jpg"><div align="center">
<p>2</p>
</div></td>
<td width="171" background="images/pic_bg.jpg"><div align="center">3</div></td>
<td width="171" background="images/pic_bg.jpg"><div align="center">4</div></td>
<td width="171" background="images/pic_bg.jpg"><div align="center">5</div></td>
<td width="171" background="images/pic_bg.jpg"><div align="center">6</div></td>
<td width="171" background="images/pic_bg.jpg"><div align="center">7</div></td>
<td width="171" background="images/pic_bg.jpg"><div align="center">8</div></td>
<td width="171" background="images/pic_bg.jpg"><div align="center">9</div></td>
<td width="171" background="images/pic_bg.jpg"><div align="center">10</div></td>
</tr>
</table></TD>
<TD id=demo2 vAlign=top></TD></TR></TBODY></TABLE></DIV>
<SCRIPT>
var speed3=25//速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed3)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed3)}
</SCRIPT>
</TD></TR></TBODY></TABLE></TD></TR></TABLE>

8. 求网页图片自动播放

JS代码也有问题~~~不兼容
推荐换一个吧
http://www.lanrentuku.com/lanren/jscode/
这个有很多种类你可以随便挑一个更好的！

9. 网页中这样播放图片怎么做

那都是效果，使用java控制的~
<div id="demo" style="overflow:hidden;width:755px;color:#ffffff;">
<table cellpadding="0" cellspacing="0" border="0.5">
<tr>
<td id="demo1" valign="top" align="center"><table cellpadding="2" cellspacing="0" border="0">
<tr align="center">
<td><img src="3dtext_014_zcool.com.cn.jpg" width="88" /></td>
<td><img src="3dtext_014_zcool.com.cn.jpg" width="88" /></td>
<td><img src="3dtext_014_zcool.com.cn.jpg" width="88" /></td>
<td><img src="3dtext_014_zcool.com.cn.jpg" width="88" /></td>
<td><img src="3dtext_014_zcool.com.cn.jpg" 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结合JS来实现。

10. 网页图片自动播放

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link type='text/css' rel='stylesheet' href='http://www.css88.com/demo/Animate Image/style3.css' />
<script type="text/javascript" src="http://www.css88.com/demo/Animate Image/sliderIMG3.js"></script>
<title>Slider view Images</title>
<script>
window.onload = function(){
sliderIMG.create('imageFlow',{count:8, speed:5, auto:true,timer:5000});
}
</script>
</head>
<body>
<div id='imageFlow'>
<div class='top'></div>
<div class='bank'>
<ul class='imageList'>
<li><a href='#'><img src='http://www.css88.com/demo/Animate Image/images/0.jpg' /></a></li>
<li><a href='#'><img src='http://www.css88.com/demo/Animate Image/images/1.jpg' /></a></li>
<li><a href='#'><img src='http://www.css88.com/demo/Animate Image/images/2.jpg' /></a></li>
<li><a href='#'><img src='http://www.css88.com/demo/Animate Image/images/3.jpg' /></a></li>
<li><a href='#'><img src='http://www.css88.com/demo/Animate Image/images/4.jpg' /></a></li>
<li><a href='#'><img src='http://www.css88.com/demo/Animate Image/images/5.JPG' /></a></li>
<li><a href='#'><img src='http://www.css88.com/demo/Animate Image/images/6.JPG' /></a></li>
<li><a href='#'><img src='http://www.css88.com/demo/Animate Image/images/7.JPG' /></a></li>
</ul>
</div>
<div class='mainOpacity'></div>
<div class='leftOpacity'></div>
<div class='rightOpacity'></div>
<div class='scrollbar'>
<span class='currentScroll'></span>
</div>
</div>
<div id='content'>
<h3>使用方法：</h3>
<p>sliderIMG.create('DIVid',{count:*, speed:*, auto:*, timer:*}); </p>
<br />
<pre>必须参数： count ----> 数字类型，图片数量;
可选参数：
speed ----> 数字类型，滚动速率，默认为：5；
auto ----> 布尔类型，设置自动滚动，为true则自动，反之不自动，默认为： false;
timer ----> 数字类型，设置每个几秒自动滚动一次，默认为： 5000ms = 5s;
</pre>

</div>
</body>
</html></font>
<a href="http://js.alixixi.com/">欢迎访问阿里西西网页特效代码站，js.alixixi.com</a>

阅读全文

网页播放图片

与网页播放图片相关的阅读推荐