❶ DW製作滾動圖片
<body>
<div id="zd" style="height:400px; width:100px;overflow:hidden;" onmouseover="stoper()" onmouseout="starer()">
<div id="div1" style="height:400px; width:100px;">
<img src="001.jpg" width="100" height="100" />
<img src="002.jpg" width="100" height="100" />
<img src="003.jpg" width="100" height="100" />
<img src="004.jpg" width="100" height="100" />
</div>
<div id="div2" style="height:400px; width:100px;">
</div>
</div>
<script type="text/javascript">
div2.innerHTML=div1.innerHTML;
var t;
function js()
{
zd.scrollTop++;
if(zd.scrollTop>=div1.offsetHeight)
{
zd.scrollTop-=div1.offsetHeight;
}
}
function starer()
{
t=setInterval(js,1)
}
function stoper()
{
clearInterval(t);
}
starer();
/* t=setInterval(js,1)
document.getElementById("zd").onmouseover=function(){clearInterval(t)}
document.getElementById("zd").onmouseout=function(){t=setInterval(js,1)} 這是用JS寫的另一種讓滑鼠經過、離開時圖片停止、滾動的方法*/
</script>
</body>
❷ 如何在Dreamweaver中設置圖片滾動
方法如下：
1、選中要插入滾動的文字或圖片；
2、單擊「插入——標簽」；
3、在該對話框中選擇marquee標簽；
4、在代碼中設置為：<marquee onmouseover=this.stop(); onmouseout=this.start(); direction=left scrollamount=1 height=14 scrolldelay=1 width=500>
滾動內容文字也可以 插入表格也可以，圖片也可以。
❸ 怎樣在Dw中做這種圖片滾動的方法
先學學javascript在做吧
❹ Dreamweaver 怎麼製作滾動圖片 左右滾動的
做跑馬燈和滾動字幕用的
基本語法
<marquee> ... </marquee>
移動屬性的設置 ,這種移動不僅僅局限於文字，也可以應用於圖片，表格等等
方向
<direction=#> #=left, right ,up ,down <marquee
direction=left>從右向左移！</marquee>
方式
<bihavior=#> #=scroll, slide, alternate <marquee
behavior=scroll>一圈一圈繞著走！</marquee>
<marquee behavior=slide>只走一次就歇了！</marquee>
<marquee behavior=alternate>來回走</marquee>
循環
<loop=#> #=次數；若未指定則循環不止(infinite) <marquee loop=3 width=50%
behavior=scroll>只走 3 趟</marquee> <P>
<marquee loop=3 width=50% behavior=slide>只走 3 趟</marquee>
<marquee loop=3 width=50% behavior=alternate>只走 3 趟！</marquee>
速度
<scrollamount=#> <marquee scrollamount=20>啦啦啦，我走得好快喲！</marquee>
延時
<scrolldelay=#> <marquee scrolldelay=500
scrollamount=100>啦啦啦，我走一步，停一停！</marquee>
外觀(Layout)設置
對齊方式(Align)
<align=#> #=top, middle, bottom <font size=6>
<marquee align=# width=400>啦啦啦，我會移動耶！</marquee>
</font>
底色
<bgcolor=#> #=rrggbb 16 進制數碼，或者是下列預定義色彩：
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua <marquee
bgcolor=aaaaee>顏色！</marquee>
面積
<height=# width=#> <marquee height=40 width=50%
bgcolor=aaeeaa>面積！</marquee>
空白
(Margins)<hspace=# vspace=#>
<marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa
align=middle>面積！</marquee>
❺ DW中如何製作這種圖片循環滾動
滾動文字
marquee 參數：
BGColor：滾動文本框的背景顏色。
Direction：滾動方向設置，可選擇Left、Right、up和down。
scrolldelay：每輪滾動之間的延遲時間，越大越慢。
scrollamount：一次滾動總的時間量，數字越小滾動越慢。
Behaviour：滾動的方式設置，三種取值：Scroll（循環滾動） lide（單次滾動）、Alternate（來回滾動）。
Align：文字的對齊方式設置。可選擇Middle(居中)、Bottom(居下)還是Top(居上)。
Width：滾動文本框的寬度，輸入一個數值後從後面的單選框選擇in Pixels(按像素)或是in Percent(按百分比)。
Height：滾動文本框的高度，輸入一個數值後從後面的單選框選擇in Pixels(按像素)或是in Percent(按百分比)。
loop：滾動次數。默認為infinite
hspace、vspace：前後、上下的空行。
❻ 圖片循環滾動的效果怎麼用dw做啊
js代碼就可以實現！用dw無法做無縫滾動！
❼ 怎樣用dreamweaver製作滑動切換圖片效果
在DreamWeaver中實現滑動切換圖片效果，可以使用 『滑鼠經過圖像』 功能來實現，也可以用CSS控制來實現。
現在具體講一下 CSS控制實現 圖片切換效果！
首先製作一個 ID為abc 的div 寬度50px; 高度50px; 在abc裡面隨便打一個字 設置一個空鏈接。
然後定義 abc 寬度50px; 高度50px; a標簽的塊形式 代碼如下：
<styletype="text/css">
<!--
#abca{
height:50px;
width:50px;
display:block;
}
-->
</style>
<!--注意上面才是CSS代碼，下面是div-->
<div id="abc"><href="#">字體</a></div>
然後設置 div的背景圖片 比如圖片名為 bj.gif
CSS代碼變為：
<styletype="text/css">
<!--
#abca{
background-image:url(bj.gif);
height:50px;
width:50px;
display:block;
}
-->
</style>
最後 設置滑鼠經過的樣式 比如 滑鼠經過圖片為 bjj.gif
CSS代碼 變為如下：
<styletype="text/css">
<!--
#abca{
background-image:url(bj.gif);
height:50px;
width:50px;
display:block;
}
#abca:hover{
background-image:url(bjj.gif);
}
-->
</style>
❽ dw怎麼做圖片滾動欄
<marquee behavior="scroll" direction="left" loop="infinite" scrollamount="3"> <img src="01.jpg" width="100" height="75"> <img src="02.jpg" width="100" height="75"> <img src="03.jpg" width="100" height="75"> <img src="04.jpg" width="100" height="75"> <img src="05.jpg" width="100" height="75"> <img src="16.jpg" width="100" height="75"> </marquee> 使用說明： behavior="scroll" 滾動的方式，scroll 為一圈一圈繞著走。 scrollAmount=3 滾動的速度，數值越大，速度越快，反之則慢。 direction=left 滾動的方向 left 是由右向左 up 是向上。 onmouseover='this.stop()' 有止停功能，this.stop() 滑鼠放上就停止。 onmouseout='this.start()' 有止停功能，this.start() 滑鼠離開就滾動。
❾ dw中怎麼做滾動圖片一直向前滾
在需要的地方插入這個代碼
<marquee behavior="scroll" direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" ><img src="圖片路徑和名稱1" /><img src="圖片路徑和名稱2" /><img src="圖片路徑和名稱3" /></marquee>
那個up,即使向上，你可以設置left等。
❿ dreamweaver中圖片滾動
這個叫"圖片無縫滾動",代碼如下,你自己調試一下哦:
<div id="demo" style="overflow:hidden;height:500px;width:120px; border:1px solid #dde5bc; overflow:hidden;float:left">
<div id=demo1>
<img src="images/js01.gif" width="120" height="120">
<img src="images/js02.gif" width="120" height="120">
<img src="images/js03.gif" width="120" height="120">
<img src="images/js04.gif" width="120" height="120">
<img src="images/js05.gif" width="120" height="120">
<img src="images/js06.gif" width="120" height="120">
<img src="images/js07.gif" width="120" height="120">
<img src="images/js08.gif" width="120" height="120">
<img src="images/js09.gif" width="120" height="120">
</div>
<div id=demo2></div>
</div>
<script>
var speed=40
var demo=document.getElementById("demo");
var demo2=document.getElementById("demo2");
var demo1=document.getElementById("demo1");
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>