『壹』 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隐藏,然后每过一段时间进行向左平移一个图片的距离,走完全部之后在进行无限循环