想在页面里嵌入全景怎么办?-尊龙凯时ag旗舰厅官网

想在页面里嵌入全景怎么办?
看这里看这里看这里!

我们在制作某个页面时,可能希望特定的一部分显示校园全景,就像我们网站一样,在图文并茂之中还能嵌入一个全景。这时候我们可以使用iframe标签。例如下面的用法:

 

html<iframe>标签
 

大部分浏览器都支持<iframe>标签,例如ie、firefox(火狐)、chrome(谷歌)、safari(ios自带浏览器)、opera等。   


定义和用法:

<iframe>元素会创建包含另外一个文档的内联框架(即行内框架)。

 

html 与 xhtml 之间的差异:

在 html 4.1 strict dtd 和 xhtml 1.0 strict dtd 中,不支持<iframe>元素。

 

提示和注释:

提示:您可以把需要的文本放置在之间,这样就可以应对无法理解<iframe>的浏览器。

属性

new : html5 中的新属性。
 

属性

描述

align

  • left
  • right
  • top
  • middle
  • bottom

不赞成使用。请使用样式代替。

规定如何根据周围的元素来对齐此框架。

frameborder

  • 1
  • 0

规定是否显示框架周围的边框。

height

  • pixels
  • %

规定<iframe>的高度。

longdesc

url

规定一个页面,该页面包含了有关<iframe> 的较长描述。

marginheight

pixels

定义<iframe>的顶部和底部的边距。

marginwidth

pixels

定义<iframe> 的左侧和右侧的边距。

name

frame_name

规定 <iframe> 的名称。

sandbox

  • “”
  • allow-forms
  • allow-same-origin
  • allow-scripts
  • allow-top-navigation

启用一系列对 <iframe> 中内容的额外限制。

scrolling

  • yes
  • no
  • auto

规定是否在<iframe>中显示滚动条。

seamless

seamless

规定看上去像是包含文档的一部分。

src

url

规定在<iframe>中显示的文档的 url。

srcdoc

html_code

规定在中显示的页面的 html 内容。

width

  • pixels
  • %

定义<iframe>的宽度。

 

全局属性

<iframe>标签支持 html 中的全局属性。

 

事件属性

<iframe>标签支持 html 中的事件属性。

 

720yun iframe代码如下:

<iframe src="http://720yun.com/t/b5525csgcna"frameborder="no" border="0" style="width:1000px;height: 600px;"></iframe>

 

黄色标记部分替换成自己学校的全景地址,iframe代码放入html页面的div标签中或者表格标签中。

 

如嵌入后显示异常,请在html页面的head里加入以下代码:
 

2019年04月24日
3156阅读·29人点赞·19人收藏
更多内容
720云主办承办活动汇总
vr全景应用竟然能这么有趣!有效!
年中钜惠,618&720云粉丝节活动第一弹,带你嗨翻全场!
网站地图