當前位置：首頁 » 網頁設計 » 網頁播放圖片

網頁播放圖片

發布時間: 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>

閱讀全文

網頁播放圖片

與網頁播放圖片相關的閱讀推薦