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

【2017-03-20】HTML框架，标题栏插入小图标，锚点，插入音频视频，滚动效果的更多相关文章

  1. HTML在网页中插入音频视频简单的滚动效果

    每次上网,打开网页后大家都会看到在网页的标签栏会有个属于他们官网的logo,现在学了HTML了,怎么不会制作这个小logo呢,其实很简单,也不需要死记硬背,每当这行代码出现的时候能知道这是什么意思就o ...

  2. HTML 常用小技巧 【标题图标】【锚点】【插入音乐，视频】【滚动效果】【嵌入网页】

    一 在原页面嵌入其他页面 使用iframe框架 < iframe >------ < / iframe > <iframe  src="要放在框架里面的网址或文 ...

  3. 小程序开发总结一：mpvue框架及与小程序原生的混搭开发

    mpvue-native:小程序原生和mpvue代码共存 问题描述 mpvue和wepy等框架是在小程序出来一段时间之后才开始有的,所以会出现的问题有:需要兼容已有的老项目,有些场景对小程序的兼容要求 ...

  4. 跨界！Omi 发布多端统一框架 Omip 打通小程序与 Web 腾讯开源 2月28日

    https://mp.weixin.qq.com/s/z5qm-2bHk_BCJAwaodrMIg 跨界!Omi 发布多端统一框架 Omip 打通小程序与 Web 腾讯开源 2月28日

  5. 多线程之批量插入小demo

    多线程之批量插入 背景 昨天在测试mysql的两种批量更新时,由于需要入库大量测试数据,反复执行插入脚本,过程繁琐,档次很低,测试完后我就想着写个批量插入的小demo,然后又想写个多线程的批量插入的d ...

  6. easyUI datebox 日期空间斜杠格式化。例如将日期空间中显示2017-03-13，改为2017/03/13

    easyUI datebox 日期空间斜杠格式化 将日期空间中显示2017-03-13,改为2017/03/13 //日期控件斜杠格式化 function formatDate(date){ if( ...

  7. （SSM框架）实现小程序图片上传（配小程序源码）

    阅读本文约"2分钟" 又是一个开源小组件啦! 因为刚好做到这个小功能,所以就整理了一下,针对微信小程序的图片(文件)上传! 原业务是针对用户反馈的图片上传.(没错,本次还提供小程序 ...

  8. 使用<link> 标签定义浏览器标题栏小图标

    使用link标签的rel属性,设置成icon.同时设置href属性值为小图标图片的url. <link rel=" icon " href="image/icon. ...

  9. 20 个用于处理页面滚动效果的 jQuery 插件

    对设计和开发一个网站来说,web开发者不能低估了网站滚动效果的重要性.如今,设计者们都视为一大挑战了,在网站中设计出吸引眼球的高效视觉滚动效果.幸运的是有各种各样的jquery 滚动插件可供他们使用, ...

随机推荐

  1. git 码云的常用命令（版本控制）

    首先在码云仓库创建对应的仓库 当你输入错误用户名和密码 需要清掉配置 git config --system --unset credential.helper 设置账号 git config --g ...

  2. java 线程 （三）线程并发的安全性 同步代码块

    package cn.sasa.demo1; import java.util.concurrent.ExecutionException; public class ThreadDemo { pub ...

  3. P4491 [HAOI2018]染色

    题目链接:洛谷 题目大意:$n$个位置染$m$种颜色,如果出现次数恰为$S$次的颜色有$k$种,则对答案有$W_k$的贡献,求所有染色方案的答案之和$\bmod 1004535809$. 数据范围:$ ...

  4. Pycharm快捷键大全（windows + Mac）

    Windows快捷键 1.编辑 Ctrl + Space    基本的代码完成(类.方法.属性) Ctrl + Alt + Space  快速导入任意类 Ctrl + Shift + Enter    ...

  5. 如何为DigitalOcean上的服务器配置SSH密钥

    本指南适用于mac OS和Linux,windows用户请绕道. 通常,当你启动DigitalOcean droplets时,只要过程完成,你会收到一封电子邮件,让你知道droplets的IP地址和密 ...

  6. wx 文件编辑框

    # -*- coding: utf- -*- import wx import os class my_frame(wx.Frame): """This is a sim ...

  7. Spring boot 整合hive-jdbc导致无法启动的问题

    使用Spring boot整合Hive,在启动Spring boot项目时,报出异常: 经过排查,是maven的包冲突引起的,具体做法,排除:jetty-all.hive-shims依赖包.对应的po ...

  8. Jmeter各参数含义

    1.聚合报告分析 Label:每个JMeter的element(例如HTTP Request)都有一个Name属性,这里显示的就是Name属性的值 #Sample:表示你这次测试中一共发出了多少请求, ...

  9. 添加了unimportant 之后，需要调整的参数

    count = count1+count2-count_unimportant_union*10 这个10需要调参.因为我们TOPN取的是10,所以如果两个词完全相同,正常情况下会有22个非0值.( ...

  10. k8s 容器的生命周期钩子

    钩子有两个一个容器起之前定义一个动作PostStart,容器关闭之前定义一个动作PreStop 动作可以是一个命令或http请求 示例 spec: containers: - lifecycle: p ...