【2017-03-20】HTML框架,标题栏插入小图标,锚点,插入音频视频,滚动效果
一、html框架 iframe
在网页中嵌入一个别的网页
1、格式:
<iframe src="链接地址" width="" height=""></iframe>
frameborder="" 边线粗细
scrolling="yes/no" 嵌入网页是否有滚动条
2、点击某个超链接即可在嵌入的网页中自动跳转
<a href="http://www.baidu.com" target="website">百度</a>
<a href="http://www.douyu.com" target="website">斗鱼</a>
<a href="http://www.zhibo8.cc" target="website">直播吧</a>
<iframe name="website" src="http://www.baidu.com" width="100%" height="500"></a>
二、标题栏插入小图标
在<head></head>中添加<link rel="SHORTCUT ICON" href="图片地址"/> (图片后缀为.ico)
三、锚点
在一个页面中快速定位到某一位置
目标位置的标题处,添加id="值"
使用一个超链接,href里面填 "#值"
四、插入视频
在优酷等视频网站,找到分享位置,选择复制HTML代码,粘贴到代码中
在v.swf后添加:?VideoIDS=XNDA3OTM4NA=&isAutoPlay=true&isShowRelatedVideo=false&embedid=-&showAd=0实现视频自动播放
五、插入音频
<embed src="音频路径" hidden="true" autostart="true" loop="true">
autostart="" 自动播放
loop="" 循环播放
hidden="" 隐藏播放按钮
六、滚动效果
<marquee direction="" behavior="" scrollamount="">要滚动播放的内容</marquee>
direction 滚动方向(up,down,left,right)
behavior 滚动方式(scroll:循环滚动,默认效果; slide:只滚动一次就停止; alternate:来回交替进行滚动)
scrollamount 滚动速度(设置每次滚动时移动的长度,以像素为单位)
scrolldelay 滚动延迟(设置滚动的时间间隔,单位是毫秒)
loop 滚动循环(默认值是-1,滚动会不断的循环下去)
width、height 滚动范围
bgcolor 滚动背景颜色