HTML中滚动字幕以及框架的搭建

最新推荐文章于 2023-12-30 10:08:07 发布

weixin_40660840

最新推荐文章于 2023-12-30 10:08:07 发布

阅读量392

点赞数 1

文章标签： HTML基本框架

本文链接：https://blog.csdn.net/weixin_40660840/article/details/83063489

版权

1.滚动字幕
滚动字幕
direction=“滚动方向” left(左) right(右) up(上) down(下)
behavior=“滚动方向” scroll(循环滚动) slide(只滚动一次) alternate(来回滚动)
loop=“滚动的循环次数” 若未指定则循环滚动(loop=“infinite”)
bgcolor=“背景颜色”
width=“宽度”
height=“高度”
οnmοuseοver=“this.stop()”
οnmοuseοut=“this.start()”
scrollamount=“滚动速度” 数值越大速度越快
scrolldelay=“延时” (走走停停)
示例代码：
滚动字幕 >
说明：
◎ direction表示滚动的方向，值可以是left，right，up，down，默认为left
◎ behavior表示滚动的方式，值可以是scroll（连续滚动）slide（滑动一次）alternate（往返滚动）
◎ loop表示循环的次数，值是正整数，默认为无限循环
◎ scrollamount表示运动速度，值是正整数，默认为6
◎ scrolldelay表示停顿时间，值是正整数，默认为0，单位似乎是毫秒
◎ align表示元素的垂直对齐方式，值可以是top，middle，bottom，默认为middle
◎ bgcolor表示运动区域的背景色，值是16进制的RGB颜色，默认为白色
◎ height、width表示运动区域的高度和宽度，值是正整数（单位是像素）或百分数，默认width=100% height为标签内元素的高度
◎ hspace、vspace表示元素到区域边界的水平距离和垂直距离，值是正整数，单位是像素。
◎ οnmοuseοver=this.stop() οnmοuseοut=this.start()表示当鼠标以上区域的时候滚动停止，当鼠标移开的时候又继续滚动。

2.框架
写框架(frameset)时不需要写body标记
框架标记:

框架做作流程(以左右框架为例)
·先做主框架文件main.html
·再分别制作包含文件left.html与right.html
·通过框架技术，将left与right包含到主框架文件main.html中，主框架文件不需要写body标记
对每个被包含的框架指定名称:

·如果还需要其他文件，须制作其他文件，例read.html,write.html.
·在被包含的框架文件中指定链接，用target属性指定要在哪个框架中打开.
写信
 写信
框架的链接操作
·标记有一个属性target，默认是在自身窗口打开目标URL.
·如果链接指向的目标是一个框架中的区域，必须要给这个区域起个名称

内嵌式框架:
<iframe src="内嵌网页(例movie.html)" 
        width="宽度(400)"
        height="高度(300)"
        frameborder="是否显示边框(0/1)"
        scrolling="滚动条的出现方式(yes,no,auto)"
        name="框架名称">
</iframe>
示例代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-

transitional.dtd">

基本框架结构

块标题

块内容

块标题

块内容

运行结果： ![基本框架结构](https://img-blog.csdn.net/20181015193445514?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDY2MDg0MA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)

weixin_40660840

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML中滚动字幕以及框架的搭建

1.滚动字幕滚动字幕direction=“滚动方向” left(左) right(右) up(上) down(下)behavior=“滚动方向” scroll(循环滚动) slide(只滚动一次) alternate(来回滚动)loop=“滚动的循环次数” 若未指定则循环滚动(loop=“infinite”)bgcolor=“背景颜色”width=“宽度”height=“高度”on...
复制链接

扫一扫