• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
丶蘇Da同
博客园    首页    新随笔    联系   管理    订阅  订阅

【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            滚动背景颜色

 

posted @ 2017-03-23 17:03  丶蘇Da同  阅读(229)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3