• 【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滚动速度

  • 相关阅读:
    Web全栈探索,Vue基础系列,前后端交互(四)
    幸运者
    整数加法
    猜数游戏
    multi-select 左右选择插件
    Layui 踩坑记录
    jQuery 封装公共方法
    前后端文件内容 md5 计算
    Apscheduler 定时任务
    Git 开发流程
  • 原文地址:https://www.cnblogs.com/qq609113043/p/6605277.html
Copyright © 2020-2023  润新知