在dw中怎样插入滚动的图片呢?代码是什么?

在dw中怎样插入滚动的图片呢?代码是什么?,第1张

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

第一:打开dw,新建一个html页面。

第二:为其页面编写一个div,class为pingmu

第三:保存这个文件。

第四:新建一个class样式,为其div编写样式。

第五:控制pingmu的div宽高为100像素,背景为黑色,让其自适应增加滚动条(overflow:auto;)

第六:保存这个样式到跟刚才页面一个路径下。

第七:把编写好的样式引入到页面中。

第八:测试pingmu的div效果。

第九:为其添加一个测试超过这个div大小的div去测试滚动条。class=content。

第十:编写好这个样式,超过原来div50个像素。

第十一:测试超过原来div后自动增加滚动条。

建个一个表格,把放进去。代码<marquee direction=down></marquee>向下卷动
<marquee direction=up></marquee>向上卷动 <marquee direction=right></marquee>向右卷动
<marquee direction=left></marquee>向左卷动

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>

步骤大致如下:

1、打开Dreamweaver,新建一个空白的HTML。

2、切换到上边的代码区。

3、找到<body></body>之后,在这个区域里输入代码:<marquee scrollAmount=2 width=300>XXX</marquee>

scrollAmount 后面的数值代表速度,width是宽度,XXX即滚动字幕的内容。

4、另存成HTML格式的文件即可。

另外,如需浏览,可按F12快捷键。

示例如下:

1、首先要为“非常感谢大家的支持”设置成滚动字幕。

2、先点开代码页面。

3、在文字前面输入<marquee>。

4、一定要记得后面也再输入一次,前后都要输入的。

5、如果要设置滚动方向在<>里输入direction=""引号中级是字幕的滚动方向,上下左右。要设置向右滚动就选right。代码就是这样:<marquee direction="right">非常感谢大家的支持<marquee>  标点符号要是英文状态下的。

6、预览效果如下。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/12761764.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-27
下一篇 2023-05-27

发表评论

登录后才能评论

评论列表(0条)

保存