dreamweaver图片左右滚动代码（dreamweaver图片滚动播放）

本篇文章给大家谈谈dreamweaver图片左右滚动代码，以及dreamweaver图片滚动播放对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、DREAMWEAVER里让很多图片从左往右自动移动的代码是什么啊？
• 2、dreamweaver中可以只用div不用table就能让图片左右滚动吗？
• 3、如何在Dreamweaver中设置图片滚动？
• 4、Dreamweaver制作图片左右滚动的完整代码怎么编写?

DREAMWEAVER里让很多图片从左往右自动移动的代码是什么啊？

使用marquee 标签。

图片向左无缝滚动

style type="text/css"

!--

#demo {

background: #FFF;

overflow:hidden;

border: 1px dashed #CCC;

width: 500px;

}

#demo img {

border: 3px solid #F2F2F2;

}

#indemo {

float: left;

width: 800%;

}

#demo1 {

float: left;

}

#demo2 {

float: left;

}

--

/style

向左滚动

div id="demo"

div id="indemo"

div id="demo1"

a href="#"img src="" border="0" //a

a href="#"img src="" border="0" //a

a href="#"img src="" border="0" //a

a href="#"img src="" border="0" //a

a href="#"img src="" border="0" //a

a href="#"img src="" border="0" //a

/div

div id="demo2"/div

/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;

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

------------------------------------------------------

图片向右无缝滚动

style type="text/css"

!--

#demo {

background: #FFF;

overflow:hidden;

border: 1px dashed #CCC;

width: 500px;

}

#demo img {

border: 3px solid #F2F2F2;

}

#indemo {

float: left;

width: 800%;

}

#demo1 {

float: left;

}

#demo2 {

float: left;

}

--

/style

向右滚动

div id="demo"

div id="indemo"

div id="demo1"

a href="#"img src="" border="0" //a

a href="#"img src="" border="0" //a

a href="#"img src="" border="0" //a

a href="#"img src="" border="0" //a

a href="#"img src="" border="0" //a

a href="#"img src="" border="0" //a

/div

div id="demo2"/div

/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;

function Marquee(){

if(tab.scrollLeft=0)

tab.scrollLeft+=tab2.offsetWidth

else{

tab.scrollLeft--;

}

}

var MyMar=setInterval(Marquee,speed);

tab.onmouseover=function() {clearInterval(MyMar)};

tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};

--

/script

dreamweaver中可以只用div不用table就能让图片左右滚动吗？

dreamweaver里的滚动代码是marquee滚动的东西/marquee

滚动的东西可以是文字font文字/font

也可以是图片img src="图片的路径" /

不管是在div（层）里还是table（表格）里。

都只需要把

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

滚动内容文字也可以 插入表格也可以，图片也可以。

Dreamweaver制作图片左右滚动的完整代码怎么编写?

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

title无标题文档/title

style type="text/css"

!--

#aa {

height: 150px;

position: relative;

border: 1px solid #000000;

width: 585px;

overflow: hidden;

margin: 0px;

padding: 0px;

}

#aatable {

padding-top: 0px;

padding-right: 0px;

padding-bottom: 0px;

padding-left: 0px;

position: absolute;

left: 0px;

top: 0px;

}

--

/style

script type="text/javascript"

function copyaa()

{

var onetab=document.getElementById("a").getElementsByTagName("table")[0];

var twotab=onetab.cloneNode(true);

document.getElementById("b").appendChild(twotab);

mmm();

}

function mmm()

{

var obj=document.getElementById("aatable");

var left=obj.style.left;

left=eval(left.replace("px",""));

left-=5;

if(left=-956)

{

left=0;

}

obj.style.left=left+"px";

setTimeout("mmm()",50);

}

/script

/head

body onload="copyaa()"

div id="aa"

table border="0" cellspacing="0" cellpadding="0" id="aatable" style="left:0"

tr

td id="a"

table border="0" cellspacing="0" cellpadding="0"

tr

tdimg src="images/3.jpg" //td

tdimg src="images/5.jpg" //td

tdimg src="images/6.jpg" //td

tdimg src="images/8.jpg" //td

/tr

/table

/td

td id="b"/td

/tr

/table

/div

/body

/html

td里面的图片 你自己找图片放进去就行了，欢迎采纳，

dreamweaver图片左右滚动代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于dreamweaver图片滚动播放、dreamweaver图片左右滚动代码的信息别忘了在本站进行查找喔。