A. 网页制作怎样让图片滚动
这个软件还真没用过 直接加段代码不行吗?用 marqueemarquee 参数: 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:前后、上下的空行。 滚动字幕在FrontPage的组件里有,但是FrontPage这个软件只能支持单行文字,一出现多行文字它就无能为力了,而且它只能支持一行滚动!(如果出现只能滚动一行的情况,解决办法是把这段代码嵌入到JavaScript的document.write里面,请看下面例d的详细说明)Dreamweaver也只能用编写HTML代码的方法。所以强烈建议用记事本打开网页源代码来编辑。 建立第一个滚动字幕。代码: <marquee scrollAmount=2 width=300靓丽风景线</marquee
B. 如何在静态网页中制作背景中的一幅图片随流轮的滚动而上下滚动
把style里的属性设置一下,那个属性叫什么我忘了,你用查查看
C. 网页制作图片滚动
<marqueedirection=upheight=75onMouseOut=this.start()onMouseOver=this.stop()scrollamount=1scrolldelay=100width="180"id=MARQUEE1>滚动内容</marquee>
Direction参数可设置:updownleftright(控制滚动方向)
Scrolldelay=100(100就是速度,值越大滚动越快……)
onMouseOut=this.start()........鼠标移出状态滚动
onMouseOver=this.stop().........鼠标经过时停止滚动
基本语法
<marquee>...</marquee>
移动属性的设置,这种移动不仅仅局限于文字,也可以应用于图片,表格等等
方向
<direction=#>#=left,right,up,down<marqueedirection=left>从右向左移!</marquee>
方式
<bihavior=#>#=scroll,slide,alternate<marqueebehavior=scroll>一圈一圈绕着走!</marquee>
<marqueebehavior=slide>只走一次就歇了!</marquee>
<marqueebehavior=alternate>来回走</marquee>
循环
<loop=#>#=次数;若未指定则循环不止(infinite)<marqueeloop=3width=50%behavior=scroll>只走3趟</marquee><P>
<marqueeloop=3width=50%behavior=slide>只走3趟</marquee>
<marqueeloop=3width=50%behavior=alternate>只走3趟!</marquee>
速度
<scrollamount=#><marqueescrollamount=20>啦啦啦,我走得好快哟!</marquee>
延时
<scrolldelay=#><marqueescrolldelay=500scrollamount=100>啦啦啦,我走一步,停一停!</marquee>
外观(Layout)设置
对齐方式(Align)
<align=#>#=top,middle,bottom<fontsize=6>
<marqueealign=#width=400>啦啦啦,我会移动耶!</marquee>
</font>
底色
<bgcolor=#>#=rrggbb16进制数码,或者是下列预定义色彩:
Black,Olive,Teal,Red,Blue,Maroon,Navy,Gray,Lime,
Fuchsia,White,Green,Purple,Silver,Yellow,Aqua<marqueebgcolor=aaaaee>颜色!</marquee>
面积
<height=#width=#><marqueeheight=40width=50%bgcolor=aaeeaa>面积!</marquee>
空白
(Margins)<hspace=#vspace=#>
<marqueehspace=20vspace=20width=150bgcolor=ffaaaaalign=middle>面积!</marquee>
D. 如何在HTML中实现图片的滚动效果
素材的准备。为了更好的表现网站的风格和特色,具备一些更富表现力和吸引力的图片是必不可少的。同理,小编也准备了一些与网页主题密切相关的图片,用于做为实现图片滚动效果的素材。
打开Dreamweaver8,新建一网页文件,并保存为名为“index.html"文件。
切换至代码编辑界面,输入如下代码:
<body><div id="photo-list"> <ul id="scroll">
<li><a href="#"><img src="images/1.jpg" width="100px" height="100px" alt=""/></a></li>
<li><a href="#"><img src="images/2.jpg" width="100px" height="100px" alt=""/></a></li>
<li><a href="#"><img src="images/3.jpg" width="100px" height="100px" alt=""/></a></li>
<li><a href="#"><img src="images/4.jpg" width="100px" height="100px" alt=""/></a></li>
<li><a href="#"><img src="images/5.jpg" width="100px" height="100px" alt=""/></a></li>
<li><a href="#"><img src="images/6.jpg" width="100px" height="100px" alt=""/></a></li> </ul> </div></body>
新建一CSS样式表文件,并将该文件保存到与“index.html”相同的目录下,文件名称为“MyStyle.css"。
在新建的样式表文件"MyStyle.css”文件中输入如下代码:
* { padding:0; margin:0;} /*设置所有对像的内边距为0*/
body { text-align:center;} /*设置页面居中对齐*/
#photo-list {
/* 6张图片的宽度(包含宽度、padding、border、图片间的留白)
计算:6*(100+2*2+1*2+9) - 9
之所以减去9是第6张图片的右边留白 */
width:681px;
/* 图片的宽度(包含高度、padding、border)
计算:100+2*2+1*2 */
height:106px;
margin:50px auto;
overflow:hidden; /*溢出部份将被隐藏*/
border:1px dashed #ccc;
}
#photo-list ul { list-style:none;}
#photo-list li { float:left; padding-right:9px;}
#photo-list img { border:1px solid #ddd; background:#fff; padding:2px;}
在网页文件"index.html"中添加对该样式表的引用:
<link rel="stylesheet" type="text/css" href="MyStyle.css">
新建一个JS文件,并将该文件另存为“MoveEffect.js"。
在”MoveEffect.js“文件中输入如下所示代码:
var id = function(el) { return document.getElementById(el); },
c = id('photo-list');
if(c) {
var ul = id('scroll'),
lis = ul.getElementsByTagName('li'),
itemCount = lis.length,
width = lis[0].offsetWidth, //获得每个img容器的宽度
marquee = function() {
c.scrollLeft += 2;
if(c.scrollLeft % width <= 1){ //当 c.scrollLeft 和 width 相等时,把第一个img追加到最后面
ul.appendChild(ul.getElementsByTagName('li')[0]);
c.scrollLeft = 0;
};
},
speed = 50; //数值越大越慢
ul.style.width = width*itemCount + 'px'; //加载完后设置容器长度
var timer = setInterval(marquee, speed);
c.onmouseover = function() {
clearInterval(timer);
};
c.onmouseout = function() {
timer = setInterval(marquee, speed);
};
};
然后在主页文件"index.html”中添加对该“MoveEffect.js”文件的引用。
<script type="text/javascript" src="MoveEffect.js"></script>
打开“index.html”网页文件,最终效果如果所示:
E. 静态网页里的图片滚动代码谁知道!!!
图片滚动代码 (从右向左滚动) <marquee scrollamount=1 scrolldelay=3 valign=middle behavior="scroll"> <img border="0" src=" http://要滚动的图片地址1"> <img border="0" src=" http://要滚动的图片地址2"> </marquee> 图片滚动代码 (从下往上滚动) <marquee onMouseOver="this.stop()" onMouseOut="this.start()" align=center direction=up scrollamount=1 scrolldelay=3 valign=middle behavior="scroll"> <img border="0" src=" http://要滚动的图片地址1"> <img border="0" src=" http://要滚动的图片地址2"> </marquee> 如果你在QQ空间用的话,可能不行,因为现在的QQ空间不给用代码了,应用到网页中是可以的...
F. 静态网页图片滚动问题
把你上面的代码发一下。
另外,不看代码我猜的可能是:命名冲突了,你引用的js可能无法同时匹配2个相同的类/id名(你自己都说是复制下来的了)
G. 如何实现网页图片滚动播放
1、网页图片滚动一般都是网络上查找jq/js插件,引入到自己的html代码里头,或者是里头本身写好的例子,修改好数据源图片,运行调试即可
2、如果是不考虑图片首尾无缝滚动的话,你还可以使用marquee.
这个是html自带滚动标签,也可以实现鼠标移入停止,移开开始滚动等等,如下:
<marquee direction="up" onmouseover="this.stop();" onmouseout="this.start();"> <img src="xxx.jpg" /> <img src="xxx.jpg" /> <img src="xxx.jpg" /> <img src="xxx.jpg" />
</marquee>
具体其他更多属性用法,可以查找下这个标签的用法,
提供个参考资料:http://www.jb51.net/article/724.htm
H. 网页中的图片滚动效果是怎么实现的啊
设置层高,比如position:absoulute; z-index:999; top:100px; right:0px;
示例用法:
<html>
<head><title>123</title></head>
<body style="width:1024px; height:2000px;">
<p style="width:100px; height:100px; background-color:red;position:fixed; z-index:999; top:100px; right:0px;">
<img src="图片地址" />
<p>
</body>
</html>
图片中的P标签里有图片,我这里设置P区块为宽高各100,用position:fixed定位,距离顶部100像素,右边0像素漂浮着,z-index:999就是层高,可以理解为层高越高就可以漂浮在网页上面。
效果如下:
不管如何滚动网页滚动条 上下翻 左右翻都一直在屏幕距离顶部100像素,右边0像素漂浮着。
I. 静态网页中相册的左右滚动怎么做
marquee 虽然能实现,但没JS的好 以下是无缝滚动 <div id="demo0" style="overflow: hidden; width:685px; margin:0 auto;"> <table cellpadding="0" align="left" border="0" cellspacing="0"> <tr> <td id="demo1" valign="top" style="height: 134px"> <table cellpadding="0" cellspacing="0"> <tr> <td> <table border="0" cellpadding="20" cellspacing="20" > <tr> <td><img src="" /></td> <td><img src="" /></td> <td><img src="" /></td> <td><img src="" /></td> <td><img src="" /></td> <td><img src="" /></td> </tr> </table> </td> </tr> </table> </td> <td id="demo2" valign="top" style="height: 134px"></td> </tr> </table> </div> <!-- 滚动Javasript --> <script type="text/javascript" language="JavaScript"> //调用向左滚动函数 toleft("demo0","demo1","demo2",1,"") function $(id){return document.getElementById(id)} /** 向左滚动时调用的函数 demo1、demo2包含在demo中 speed是图片滚动的速度 flag一个网页内有多个时设置为不同的任意字符。 */ function toleft(demo,demo1,demo2,speed,flag){ demo=$(demo);demo1=$(demo1);demo2=$(demo2) demo2.innerHTML=demo1.innerHTML function Marquee(){ if(demo2.offsetWidth-demo.scrollLeft<=0){ demo.scrollLeft-=demo1.offsetWidth } else{ demo.scrollLeft++ } } flag=setInterval(Marquee,speed) demo.onmouseover=function(){clearInterval(flag);} demo.onmouseout=function(){flag=setInterval(Marquee,speed);} } </script>
希望采纳