时间:2021-05-08
经常我们看电影都会看到电影结束后会出现一段介绍这个电影的导演、编剧、主演、友情出演等等一些电影信息的滚动字幕,那么那个效果可以用html+css+div实现。具体实现代码如下:
html代码:
滚动标签:<marquee>要滚动的文字/图像<img src=””> </marquee>
下面是我对滚动标签中的一些常见属性的罗列:
滚动方向 direction=up/down/left/right (向上/向下/向左/向右)
滚动速度 scrollamount=4/5/6 (4/5/6是比较适合大家使用的三个滚动速度)
滚动行为 behavior=scroll/slide/alternate(循环滚动/只滚动一次/来回滚动)
滚动次数 loop=3(循环三次)
滚动延时 scrolldelay=1000(1000毫秒即一秒)
限制滚动区域大小width=”” height="" bgcolor=""(用来显示出可以滚动的区域)
停止与滚动效果Onmouseover=this.stop() Onmouseout=this.start()
(鼠标放上面滚动效果停止,鼠标离开滚动继续)
注:以上都可作为<marquee></marquee>标签对里的开始标签里的属性添加想要的效果
css:
CSS Code复制内容到剪贴板我本来把滚动效果录成微视频准备给大家看看的,但不知道是没这功能还是有点新手上路没找到在哪里上传本地视频,只能暂时先上传静态照片了,知道它是向上滚动的字幕即可,这只是滚动标签的一个简单应用,看到该篇随笔的园友们可以增添更多样式使它更加丰富多彩。
原文地址:http://www.cnblogs.com/cyn941105/p/5603995.html
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本篇文章主要介绍了css3动画过渡实现鼠标跟随导航效果,分享给大家,具体如下:鼠标跟随导航效果效果知识点:html/css布局思维,div+css讲解,css3
DIV+CSS实现选项卡tab效果 CSS代码:JS代码:HTML代码:新闻1新闻2新闻3新闻4www.xinqinsheji.comwww.xinqin
方法1:div嵌套实现多重边框。效果图:html代码XML/HTMLCode复制内容到剪贴板div嵌套实现多重边框css代码CSSCode复制内容到剪贴板#ou
CSS+DIV布局模式。这种布局模式可以实现网页内容与样式效果分开设置,即在HTML中存放网页设计的内容,而内容表现形式通过CSS来实现,生成的代码体积小,保持
本文介绍了CSS利用table实现五种常用布局的方法示例,分享给大家,具体如下:布局一:效果:代码:html:headermainfooter注意:div中要有