观看记录
  • 我的观影记录
登录
测试首页dw图片滚动效果怎么做

dw图片滚动效果怎么做

当我们在使用Dreamweaver中,给网页进行布局的时候,经常回用到图片滚动的样式。那么我们一起来看看图片滚动效果怎么设置吧~

工具/原料

  • Acer One13
  • window10
  • Adobe Dreamweaver CS6

方式一:

  1. 1

    打开Dreamweaver CS6,新建一个HTML

  2. 2

    在点击菜单中的“插入--图像”,快捷键是CTRL+ALT+I

  3. 3

    找到要滚动图片的位置后,我们插入要滚动的图片。

  4. 4

    在点击菜单上的“插入--标签”

  5. 5

    在“标签选择器”中,点击HTML标签中,找到“marquee”选中后,点击插入后,封闭标签

  6. 6

    在代码中,把方才插入图片的代码,剪切粘贴到<marquee></marquee>中,在<marquee>中,在输入滚动的代码,如图所示

    END

方式二:

  1. 1

    我们插入图片今后,直接在代码中,手动输入滚动动的代码

    END

总结:

  • behavior="alternate"图片在浏览器中,摆布往返滚动。

    behavior="scroll"反复滚动

    behavior="slide" 只滚动一次。

  • direction是滚动偏向。right标的目的右滚动、left标的目的左滚动、up标的目的上、down标的目的下

  • scrollamount="3",这里设置的是滚动速度,数字越大,滚动速度越快

  • loop="infinite"无线轮回。若想设定次数,则loop="2"轮回2次

    END

“dw图片滚动效果怎么做”关联的文章

  • 电脑网络异常

    进入电脑界面后,需要打开设置图标,进入后点击网格和Internet选项中心进行操作,以下是详细步骤操作:

    1小时前0阅读

    电脑网络异常
  • 美团电动车怎么还车

    美团电动车怎么还车?下面给大家详细介绍一下具体步骤及说明。

    1小时前0阅读

    美团电动车怎么还车
  • 腾讯新闻怎么关闭视频自动播放
  • 快速除痱子

    夏天到了,人们身上容易长痱子,有什么办法可以轻松除掉痱子吗,今天小编找到了几种方法,希望能帮到你。

    1小时前0阅读

  • 华为手机畅享7,怎样设置指纹锁
  • 做深蹲运动有什么好处

    做深蹲运动有什么好处呢?很多人都不知道,下面小编来告诉大家。

    1小时前0阅读

  • 果酱烤棉花糖的制作方法

    棉花糖的香甜美味与果酱的清新可口会撞出怎样的味道呢?今天小编就来介绍一下果酱烤棉花糖的制作方法。

    1小时前0阅读

  • 原神机关烹饪之法之二怎么过关

    原神机关烹饪之法之二怎么过关?韶光抚月第二阶段活动有些玩家已经顺利完成了,这里给大家带来了原神机关烹饪之法之二玩法技巧,一起来看下文中介绍吧。

    2小时前0阅读

    原神机关烹饪之法之二怎么过关
  • 如何让idm不要自动下载视频

    用浏览器打开带有视频的网页,便会自动下载此页面的所有视频。如何禁止IDM自动下载视频呢?请看下面的经验。

    2小时前0阅读

    如何让idm不要自动下载视频
  • 手机用什么浏览器好?

    网络时代的到来,丰富了我们的生活,出现了越来越多的浏览器,你用的哪一款浏览器?你知道哪一款浏览器最好用吗?下面我们就一起来看看吧。

    2小时前0阅读

切换深色外观
留言
视频编辑修改
回到顶部
首页
手机数码
医疗健康
金融管理
社交情感
无名