dw圖片無縫滾動效果怎麼做

『壹』 DW里如何實現這種圖片滾動的效果

這個效果需要運用到javascript才可以進行實現這種圖片的滾動。而html裡面的marquee標簽只能進行左右滾動，並且進行設置相應的滾動方式，這個標簽相對來說用的就比較簡單了。
例如：<marquee scrollAmount=2 width=300>歡迎來到魔人牛牛新浪博客！</marquee>
這裡面可以有相應的參數：
marquee 參數：
BGColor：滾動文本框的背景顏色。
Direction：滾動方向設置，可選擇Left（從右到左）、Rightup（從下到上）和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左右交替滾動效果

1、首先打開DreamweaverCS6，新建一個HTML。
2、其次在點擊菜單中的「插入，圖像」，快捷鍵是CTRL+ALT+I。
3、最後找到要滾動圖片的位置後，插入要滾動的圖片。

『叄』 如何用DW實現文字、圖片 滾動的效果

設計面板裡面選中你要滾動的字
再進入代碼裡面
代碼裡面就會顯示你帶設計面板裡面選中的字
在字的前後打上<marquee></marquee>
再回到設計面板
在右邊
標簽
檢查器
-
屬性
-direction(選中你要滾動的字才會出現)
這裡面是調滾動的方向
下面還有滾動的速度等等
自己調
最後預覽

『肆』 如何在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才可以進行實現這種圖片的滾動。而html裡面的marquee標簽只能進行左右滾動，並且進行設置相應的滾動方式，這個標簽相對來說用的就比較簡單了。例如：歡迎來到魔人牛牛新浪博客！這裡面可以有相應的參數： marquee 參數： BGColor：滾動文本框的背景顏色。...

『陸』 怎樣在DW中加入滾動圖片，是那種自下而上沒有空白的無縫滾動，首尾相接。

<style type="text/css">
<!--
#demo {
background: #FFF;
overflow:hidden;
border: 1px dashed #CCC;
height: 100px;
text-align: center;
float: left;
}
#demo img {
border: 3px solid #F2F2F2;
display: block;
}
-->
</style>
向上滾動
<div id="demo">
<div id="demo1">
<a href="#"><img src="http://www.cnrui.cn/other/link/Clear_logo.gif" border="0" /></a>
<a href="#"><img src="http://www.cnrui.cn/other/link/Clear_logo.gif" border="0" /></a>
<a href="#"><img src="http://www.cnrui.cn/other/link/Clear_logo.gif" border="0" /></a>
<a href="#"><img src="http://www.cnrui.cn/other/link/Clear_logo.gif" border="0" /></a>
<a href="#"><img src="http://www.cnrui.cn/other/link/Clear_logo.gif" border="0" /></a>
</div>
<div id="demo2"></div>
</div>
<script>
<!--
var speed=10; //數字越大速度越慢
var tab=document.getElementById("demo");
var tab1=document.getElementById("demo1");
var tab2=document.getElementById("demo2");
tab2.innerHTML=tab1.innerHTML; //克隆demo1為demo2
function Marquee(){
if(tab2.offsetTop-tab.scrollTop<=0)//當滾動至與demo2交界時
tab.scrollTop-=tab1.offsetHeight //demo跳到最頂端
else{
tab.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};//滑鼠移上時清除定時器達到滾動停止的目的
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};//滑鼠移開時重設定時器
-->
</script>

『柒』 用DW做網頁設計，就是那種圖片在循環滾動，點擊就可以進入，這種效果如何做

自己復制下去 寫在.html 看看 很簡單的
<style>
#demoa {
overflow:hidden;
width: 690px;
}
#demoa img {
}
#indemoa {
float: left;
width: 800%;
}
#demoa1 {
float: left;
}
#demoa2 {
float: left;
}

</style>
<div id="demoa">
<div id="indemoa">
<div id="demoa1">
<div>
<a href="http://www..com"><img src="image/dh.png"></a>
<a href="http://www..com"><img src="image/dh.png"></a>
<a href="http://www..com"><img src="image/dh.png"></a>
<a href="http://www..com"><img src="image/dh.png"></a>
<a href="http://www..com"><img src="image/dh.png"></a>
<a href="http://www..com"><img src="image/dh.png"></a>
<div class="clear"></div>
</div>
</div>

<div id="demoa2">
<div>
<a href="http://www..com"><img src="image/dh.png"></a>
<a href="http://www..com"><img src="image/dh.png"></a>
<a href="http://www..com"><img src="image/dh.png"></a>
<a href="http://www..com"><img src="image/dh.png"></a>
<a href="http://www..com"><img src="image/dh.png"></a>
<a href="http://www..com"><img src="image/dh.png"></a>
<div class="clear"></div>
</div>
</div>
</div>

<script>
<!--
var speed=50;
var tab=document.getElementById("demoa");
var tab1=document.getElementById("demoa1");
var tab2=document.getElementById("demoa2");
tab2.innerHTML=tab1.innerHTML;
function Marquee(){
if(tab2.offsetWidth-tab.scrollLeft<=0)
tab.scrollLeft-=tab1.offsetWidth
else{
tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
-->
</script>

『捌』 圖片循環滾動的效果怎麼用dw做啊

<div id=demo style="OVERFLOW: hidden; WIDTH: 754px; HEIGHT: 120px"> <table cellpadding=0 align=left border=0 cellspace="0"> <tr> <td id=demo11 valign=top><!--{$GetPicPhoto(3,0,True,0,12,False,False,0,1,1,130,90,20,0,True,12)}--> <table> <tr> <td><a href="../img/200811114150888.jpg" target="_blank"><img src="../img/200811114150888.jpg" width="120" height="120" border="0"></a></td> <td><a href="../img/20071116124122884.jpg" target="_blank"><img src="../img/20071116124122884.jpg" width="120" height="120" border="0"></a></td> <td><a href="../img/a.jpg" target="_blank"><img src="../img/a.jpg" width="120" height="120" border="0"></a></td> <td><a href="../img/dw.jpg" target="_blank"><img src="../img/dw.jpg" width="120" height="120" border="0"></a></td> <td><a href="../img/z_r6_c12.jpg" target="_blank"><img src="../img/z_r6_c12.jpg" width="120" height="120" border="0"></a></td> <td><a href="../img/sw.gif" target="_blank"><img src="../img/sw.gif" width="120" height="120" border="0"></a></td> <td><a href="../img/zr6_c7.jpg" target="_blank"><img src="../img/zr6_c7.jpg" width="120" height="120" border="0"></a></td> <td><a href="../img/zr7_c14.jpg" target="_blank"><img src="../img/zr7_c14.jpg" width="120" height="120" border="0"></a></td> </tr> </table></td> <td id=demo12 valign=top></td> </tr> </table> </div> <script> var speed1=15 demo12.innerHTML=demo11.innerHTML function Marquee11(){ if(demo12.offsetWidth-demo.scrollLeft<=0) demo.scrollLeft-=demo11.offsetWidth else{ demo.scrollLeft++ } } var MyMar1=setInterval(Marquee11,speed1) demo.onmouseover=function() {clearInterval(MyMar1)} demo.onmouseout=function() {MyMar1=setInterval(Marquee11,speed1)} </script>

『玖』 DW中如何製作這種圖片循環滾動

用代碼:
基本代碼如下：
<marquee
direction="right"
onmouseover="this.stop();"
onmouseout="this.start();"
>
<a
href="http://www..com"
target="_blank"><img
src="1.jpg"
border="1"
/></a>
<img
src="2.jpg"
border="1"
/>
<img
src="3.jpg"
border="1"
/>
</marquee>
代碼需要改進的很多，如果速度，及不間斷顯示
在鏈接的地方改成你版的圖片權的位置。

『拾』 DW設計網頁中，像這種讓圖片在一個方框內自己滾動的效果怎麼做

圖片輪播。
需要用到js，大致就是設置定時器，然後把圖片橫向拼接在一起，只顯示方框內的，方框外的用hidden隱藏，然後每過一段時間進行向左平移一個圖片的距離，走完全部之後在進行無限循環