【2017-03-23】框架、标题栏插入小图标、锚点、插入视频音频、简单的滚动效果
一、框架
在网页中嵌入一个窗口来显示其他页面。
1、格式
<iframe src="http://www.baidu.com" width="" height="" onscroll="ture">
</iframe>
2、用法
<a href="http://www.baidu.com" target="if1">百度网</a>
<a href="http://www.sina.com.cn" target="if1">新浪网</a>
<a href="http://www.taobao.com" target="if1">淘宝网</a>
<a href="http://www.jd.com" target="if1">京东网</a>
<a href="http://www.qq.com" target="if1">腾讯网</a>
<a href="http://www.163.com" target="if1">网易网</a>
<br />
<iframe name="if1" src="http://www.itnba.com" width="100%" height="500"></iframe>
二、标题栏插入小图标
在<head></head>里插入如下代码:
<link rel="shortcut icon" type="image/x-icon" href="图标地址(ico后缀的图片)" media="screen" />
三、锚点
在一个页面中快速定位到某一位置
目标位置的标题处 添加id="???"
使用一个超链接,href里面填 "#???"
<a href="#H333">第三条</a>
<h3 id="H333">第三条</h3>
四、插入视频、音频
1、插入视频:
在优酷等视频网站,找到分享位置,复制html代码,贴入网页中
在视频连接地址里加上?VideoIDS=XNDA3OTM4NA=&isAutoPlay=true&isShowRelatedVideo=false&embedid=-&showAd=0 是自动播放
2、插入音频
<embed src="音频路径" hidden="true" autostart="true" loop="true"> hidden="true"隐藏播放器 autostart="true"自动播放 loop="true" 循环播放
五、简单的滚动效果
<marquee direction="right" behavior="alternate" scrollamount="50">要滚动的内容</marquee>
direction滚动方向 behavior滚动方式 scrollamount滚动速度