1. 怎样在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>
2. 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:前后、上下的空行。
3. dw中,如何制作滚动字幕。无缝隙跟随
跟在表格里面一样
滚动字幕标记<marquee>…</marquee >
属性:滚动方向----direction= (up 、down 、left 、right)
滚动方式内----behavior= (scroll 、slide 、alternate)
滚动速度----scrollamount= (数字容 例:30=每次移动30像素)
滚动延迟----scrolldelay= (数字 例:500=0.5秒)
滚动循环----loop= (数字 例:10=10次)
滚动范围----width 、height= (数字 450=405像素)
滚动背景----bgcolor= (颜色的英文或是颜色代码)
特殊属性:鼠标经过滚动停止----onmouseover=“this.stop()”
鼠标离开滚动继续----onmouseout=“this.start()”
4. 在dw中如何做自动滚动文字
跟着我整理好的制作流程来做,marquee的基本属性我也整理的比较容易理解了。如果做出来的效果和你想的不同就看看属性设置里面是不是有误。
1:在需要滚动文字的地方插入光标,乱侍然后点击插入面板的“标签选择器”。
2:选择HTML标签中的页面元素,然后选择右侧marquee标签。点击“插入”按钮,关闭“标签选择器”。
3:转换到代码视图。把光标插入点放在的标签之间,输入需要滚动的文字。然后选择“窗口”→“标签检查器”。
4:在标签检查器behavior属性栏中点击behavior右侧的下拉箭头,显示的三项属性为滚动字幕内容的运动方式。【Alternate=交替滚动】【Scroll=循环滚动】【Slide=幻灯片效果。(指滚动一次,然后停止滚动)】
5:direction属性设置字幕内容的滚动方向。分别为:Up=向上运动,down=向下运动,Left=向左运动,Right=向右运动。默认值为Left。
6:scrollamount属性设置字幕滚动的速度。单位为像素,一般设为1-3。数值越大滚动速度越快。
7:scrolldelay属性设置字幕内容滚动时延迟时间,单位为毫秒,通常可以不设置_。
8:width和height属性设置表示滚动区域的大小。width=滚动宽度,height=滚动高度。width属性设置滚动字幕的宽度。宽度和高度可用像素或可视页面的百分比来表示。例如滚动宽度是可视页面的100%,而滚动宽度则是可视页面的100像素。制做垂直滚动效果的时候,一定要设height的值。
9:style属性设置字幕内容的样式。需要手工输入。我设置的为“font:13px;”。
10:loop属性设置字幕内容滚动次数,默认时,marquee将一直循环,直到behavior属性值被设置为slide才停止。也可以使用值-1来设置文字循环运动无限次。
11:align属性设置是指和周围文字的对齐方式。默认值为Left。
12:trueSpeed属性源陪念设置是平滑滚动,当使用这个属性时,表示scrolldelay值应该根据它的精确值来实现。如果没有使用这个属性,任何小于60的值都将作为60毫秒。(如果在scrolldelay的值设为1的情况下使用了trueSpeed属性你会发现滚动文字会以奇快的速度在运行)
13:vspace属性设置是指雹困指定的marquee区域和它周围的文字的垂直间距,单位为像素。
14:bgcolor属性设置是指滚动文字的背景颜色。
5. DW里如何将一张图从左至右无缝循环滚动
你的会js才能办到。还需要css配合。dw只是编辑器。对于功能的实现。你的会一些脚步语言和样式表才能办到。
6. 如何dwcs5中让图片实现无限滚动
首先,你得准备好素材,下面的1.jpg~6.jpg是测试用的。
然后打开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”网页文件
7. DW网页设计中如何给整个网页设置滚动条
css属性 overflow-y:auto; DIV里面的内容超过DIV的高度,右边就会自动出现滚动条
1、用一个div,定制版成图中的宽度和权高度
2、然后再把div的样式设成overflow-y:scroll,当div里的文字超出那个高度的时候,滚动条就出来了。
例如:<div style="width:100px; height:100px; overflow:auto; border:1px solid #000000;"><img src="" style="width:300px; height:300px;"></div>
8. 用DW做网页,怎么能使上下框架连起来,中间没有缝隙呢
你的代码有问题哦:不应该有2个HEAD和2个BODY的~~
用框架的话设置边框为0 滚动条为无/滚动条也占地方的~~
或者用include 就可以了~
你的问题感觉滚动条的问题可能很大~~
9. DW中怎样让图片填满整个规定区域,不留缝隙
这个一般是让图片的大小和你的区域的大小一样。
如果是不固定的区域的话,那专多半是让图片平铺属了,也就是在CSS面板里,找到“背景”,在里面找到background-repeat,然后选repeat那个项就行了。这个功能要求你的图片在重复时边缘能够重合,看起来就像是一张图片平铺整个区域一样。
也可能有其它的情况,但多数是这两个情况了。
大概就是这样了。
10. 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>
代码需要改进的很多,如果速度,及不间断显示
在链接的地方改成你版的图片权的位置。