当前位置:首页 > 建站优化 > 正文内容

H5怎么实现网站的浏览功能?

zhuangbi888.com2021-05-02 05:01建站优化6

一(yī)、css

div.preview-layer{

display: none;

position: relative;

left:50%;

margin-left:-205px;

}

div.preview-layer .preview-bg{

position: fixed;

width: 100%;

height: 100%;

top: 0;

left: 0;

z-index:999;

background-color:#000;

opacity:0.7;

}

.preview-close{

position: fixed;

width: 20px;

height: 10px;

color:#fff;

cursor:pointer;

z-index:1000;

top:50%;

left:50%;

margin-left:220px;

}

div.preview-layer .preview-phone{

position: fixed;

width: 410px;

height: 840px;

background: url(../images/iphone-bg.png) no-repeat no-repeat;

H5怎么实现网站的浏览功能?

z-index: 1000;

}

.preview-html{

position: absolute;

width:361px !important;

height: 638px !important;

top:98px;

left:24px;

border:2px solid #000;

border-radius: 5px;

outline: none;

background-color: #fff;

}

二、html

<!-- /.main-container -->

<div class="oqg-th-gdz preview-layer">

<div class="fdbj-mrby-qp preview-bg"></div>

<div class="ru-sq-dwy preview-phone">

<div class="ok-ky-xpu-we preview-close" οnclick="previewclose();">关闭预览</div>

<iframe id="preview-html" name="preview-html" class="louy-mwd-qlhd preview-html" src=""></iframe>

</div>

</div>

三、JS

//预览

function preview(ID){

var murl = '<%=basePath%>wxwebindex/previewcourseware.do?ID='+ID;

if(ID=='' || ID==null){

alert("请先保存信息!");

}

H5怎么实现网站的浏览功能?

else{

$("#preview-html").attr('src', murl);

$("#zhongxin").hide();

$(".preview-layer").css('display','block');

}

}

//关闭预览

function previewclose(){

$(".preview-layer").css('display','none');

$("#zhongxin").show();

}

标签: H5网站整站

相关文章

有谁知道建立一个公司官方网站要多少费用?

有谁知道建立一个公司官方网站要多少费用?

企业官網(wǎng),一般是代表公司(sī)形象,也(yě)是公司(sī)在網(wǎng)上的宣传入口。既然是代表公司(sī)形象,首先官網(wǎng)风格要大气、端庄、優(yōu)雅,给人一种信(x...

域名解析无法打开WWW的网页?

域名解析无法打开WWW的网页?

  域名解析成功,网站依然无法访问,主要原因是:   1、在部分服务商,域名解析后,不能立即生效,会在两个小时之内生效。   2、例如西部数码,在域名解析后,还要在主机处进行绑定主机,否则将不会生效。...

如何加快网站速度(怎么提高网站速度)

如何加快网站速度(怎么提高网站速度)

关于这个问题,可以从服务端/网站建设方和客户端/用户方两个方面考虑: 服务端/网站建设方如果您是网站的建设方,可以考虑但不局限于: 1、选择实力强的互联网服务提供商,选用高带宽、高可靠的服务器部署服务...

北京网站改版二次开发(网站改版有什么影响)

北京网站改版二次开发(网站改版有什么影响)

这个不一定,如果你想做的更专业点的话,那就最好是自己开发,不过这样的话,成本高,开发周期较长!但是由于是自己开发的,那么安全性相对其他的开源源码要安全的多! 如果是想尽快拥有一个网站的话,可以考虑二...

做一个企业网站大概多少钱?是自适应的网站,哪个平台比较好?

做一个企业网站大概多少钱?是自适应的网站,哪个平台比较好?

如果现在一个技术人员的角度来说这个问题太宽了,不好回答,原因是一个淘宝石一个网站,一个博客也是一个网站,功能不定不好评估。另外一个角度就是从技术选型和系统架构上来说,如果全部都自己搭建那成本就高了。假...

门业销售合同模板(门业采购合同模板)

门业销售合同模板(门业采购合同模板)

农民怎么做电商 发展电商能拓宽农产品的销售渠道,改变原有的单一模式;减少流通环节,降低流通成本,直接提高收益。 拓宽农产品的销售渠道。目前来说,我国现有的农产品大多以农户经营为主。由于农民分散经营,...

毛衣色彩搭配方案(app色彩搭配方案)

毛衣色彩搭配方案(app色彩搭配方案)

哪种颜色的毛衣最好看?怎么搭配? 我来回答这个问题。 毛衣的颜色多到难以统计,可以说世界上有的颜色它可能都有。毛衣的款式也很多,可以说五花八门,不胜枚举。所以,简单的说哪种颜色的毛衣最好看是不准确的。...

万网二手域名(万网域名怎么注销)

万网二手域名(万网域名怎么注销)

二手域名来自于万网的用户注册下来的域名。 任何人都可以在万网注册域名。被注册下来的域名,如果拿出来交易,就属于二手域名。 二手域名一般情况有两种: 一、域名买下后,没有使用。留着浪费,就放到淘域名市...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。