导航:首页 > 动漫图片 > dw怎么给图片滚动

dw怎么给图片滚动

发布时间:2022-09-03 03:00:27

A. 图片循环滚动的效果怎么用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>

B. dw中滚动图片如何制作

把图片嵌在<maqueen></maqueen>标签里面,然后设置好width,height,scroll等属性,就可以了。或者可以用js来实现。

C. dw怎么做图片轮播

dw做图片轮播步骤如下:

1、首先打开你的dw,按快捷键ctrl+n创建一个新的网页。

D. DW中如何制作这种图片循环滚动

滚动文字
marquee 参数:
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:前后、上下的空行。

E. 在dw中怎样插入滚动的图片呢代码是什么拜托各位了 3Q

<marquee>
这里可以放文字,也可以放图片代码</marquee>
示例:
文字滚动:<marquee><a>文字</a></marquee>
图片滚动:<marquee><img
src="图片源地址"></marquee>
谢谢采采纳

F. dw怎么做图片滚动栏

<marquee behavior="scroll" direction="left" loop="infinite" scrollamount="3"> <img src="01.jpg" width="100" height="75"> <img src="02.jpg" width="100" height="75"> <img src="03.jpg" width="100" height="75"> <img src="04.jpg" width="100" height="75"> <img src="05.jpg" width="100" height="75"> <img src="16.jpg" width="100" height="75"> </marquee> 使用说明: behavior="scroll" 滚动的方式,scroll 为一圈一圈绕着走。 scrollAmount=3 滚动的速度,数值越大,速度越快,反之则慢。 direction=left 滚动的方向 left 是由右向左 up 是向上。 onmouseover='this.stop()' 有止停功能,this.stop() 鼠标放上就停止。 onmouseout='this.start()' 有止停功能,this.start() 鼠标离开就滚动。

G. 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:前后、上下的空行。

H. DW怎样制作底层滚动图片

学习DW只要是学习代码的使用:下面我附上两个案例希望能帮到楼主(这两种也是网页中常见的)
第一:图片渐变滚动代码:<DIV style="WIDTH: 680px; HEIGHT: 240px" class="slider-promo J_Slider J_TWidget" data-widget-config="{'effect':'fade','contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}" data-widget-type="Slide" data-type="fade">
<ul class=lst-main>
<li><A style="WIDTH: 680px; HEIGHT: 240px" href="链接地址" target=_blank><img src="图片地址" alt="" width="680" height="240"></A></li>
<li><A style="WIDTH: 680px; HEIGHT: 240px" href="链接地址" target=_blank><img src="图片地址" alt="" width="680" height="240"></A></li>
<li><A style="WIDTH: 680px; HEIGHT: 240px" href="链接地址" target=_blank><img src="图片地址" alt="" width="680" height="240"></A></li>
</ul></DIV>
第二种:图片向上滚动代码如下:

<DIV style="WIDTH: 680px; HEIGHT: 240px" class="slider-promo J_Slider J_TWidget" data-widget-config="{'effect':'scrolly','contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}" data-widget-type="Slide" data-type="scrolly">
<ul class=lst-main>
<li><A style="WIDTH: 680px; HEIGHT: 240px" href="链接地址" target=_blank><img src="图片地址" alt="" width="680" height="240"></A></li>
<li><A style="WIDTH: 680px; HEIGHT: 240px" href="链接地址" target=_blank><img src="图片地址" alt="" width="680" height="240"></A></li>
<li><A style="WIDTH: 680px; HEIGHT: 240px" href="链接地址" target=_blank><img src="图片地址" alt="" width="680" height="240"></A></li>
</ul></DIV>
最后我要说明的就是链接地址和图片地址含义:
链接地址就是滚动图片你点击他一下就会跳到另一个链接
而图片地址就是图片的路径(这里指的是你的本地电脑),如果是网络图片的要网络地址:
如果楼主还是不懂怎么用DW的话,我建议楼主新建一个txt文本,等代码编辑好了然后把后缀改为html就好了,然后你就可以看到效果了!

阅读全文

与dw怎么给图片滚动相关的资料

热点内容
图片如何去除描边部分 浏览:106
失忆的动漫图片 浏览:485
酸奶制作过程带图片文字 浏览:833
如何给老公吹解图片 浏览:538
朗诵适合穿啥衣服图片 浏览:965
好身材美女背影图片 浏览:695
徐良最新发型图片 浏览:945
长文字图片软件下载 浏览:258
成功帅气男生图片手绘 浏览:54
word图片折叠怎样单独放下一页 浏览:916
日本美女露p图片搜索 浏览:893
女孩骑鲸鱼卡通图片 浏览:117
高清动漫古风人物图片 浏览:134
暖舞蹈发型图片 浏览:374
注射死刑图片大全 浏览:204
农村剧女生图片 浏览:465
假期余额不足高清图片 浏览:158
流动快餐车价格及图片 浏览:517
鹿晗图片女生 浏览:471
撒那特思漫画图片高清 浏览:6