首页 > 代码库 > HTML 框架,标题栏小图标,锚点,插入音乐/视频,滚动效果

HTML 框架,标题栏小图标,锚点,插入音乐/视频,滚动效果

一,HTML框架   iframe

技术分享

iframe 框架作用:

在网页中嵌入一个网页

用法:

(1)src="http://www.mamicode.com/地址路径"    默认显示的嵌入网页

(2)width=""          嵌入网页的宽度

(3)height=""         嵌入网页的高度

(4)frameborder=""          边线粗细

(5)scrolling="yes/no"         嵌入网页是否拥有滚动条

(6)target="XXX"         name="XXX"           实现点击文字嵌入网页自动跳转

(7)将框架建立在表格中调整嵌入网页位置

 

二,标题栏小图标

技术分享

在<head></head>中添加<link rel="SHORTCUT ICON" href="http://www.mamicode.com/图片地址"/>

实现更改标题栏小图标

 

三,锚点     点击跳转当前页面位置

技术分享

 

四,插入视频

在优酷视频中,找到分享,选择复制HTML代码,复制到vs中即可。

这是一段插入视频的HTML代码:

<embed src=http://www.mamicode.com/‘http://player.youku.com/player.php/Type/Folder/Fid//Ob//sid/XMjYxNTAwMDUyNA==/v.swf‘ quality=‘high‘ width=‘480‘ height=‘400‘ align=‘middle‘ allowScriptAccess=‘always‘ allowFullScreen=‘true‘ mode=‘transparent‘ type=‘application/x-shockwave-flash‘>

(1)在v.swf后添加:?VideoIDS=XNDA3OTM4NA=&isAutoPlay=true&isShowRelatedVideo=false&embedid=-&showAd=0实现视频自动播放

(2)width=""          视频宽度

(3)height=""         视频高度

 

五,插入音乐

<EMBED src="http://www.mamicode.com/音乐路径"autostart="true" loop="true" hidden="true"> 

autostart=""  自动播放

loop=""           循环

hidden=""        隐藏对话框(选false的话会显示音乐对话框)

 

六,滚动效果

语法:<marquee>...</marquee>; 说明:在标记之间添加要进行滚动的内容。

重要属性:

1.滚动方向direction(包括4个值:up、 down、 left和 right)

  语法:<marquee direction="滚动方向">...</marquee>

2.滚动方式behavior(scroll:循环滚动,默认效果; slide:只滚动一次就停止; alternate:来回交替进行滚动)

  语法:<marquee behavior="滚动方式">...</marquee>

3.滚动速度scrollamount(滚动速度是设置每次滚动时移动的长度,以像素为单位)

  语法:<marquee scrollamount="5">...</marquee>

4.滚动延迟scrolldelay(设置滚动的时间间隔,单位是毫秒)

  语法:<marquee scrolldelay="100">...</marquee>

5.滚动循环loop(默认值是-1,滚动会不断的循环下去)

  语法:<marquee loop="2">...</marquee>

6.滚动范围width、height

7.滚动背景颜色bgcolor

8.空白空间hspace、vspace

HTML 框架,标题栏小图标,锚点,插入音乐/视频,滚动效果