layer mobile 指定URL连接 弹全屏

var url_a = $("#"+id).attr("alt");

//打开新页面
var pageii = layer.open({
    type: 1,
    btn: ["点击关闭本页面"],
    yes: function(index){
        layer.close(index);
    },
    content: "<iframe src="+url_a+"  width=‘100%‘ height=‘96%‘></iframe>",
    style: ‘position:fixed; left:0; top:0; width:100%; height:96%; border:none;‘
});

官网网址:http://layer.layui.com/mobile/

时间: 2024-08-28 05:31:32

layer mobile 指定URL连接 弹全屏的相关文章

layer弹出层中H5播放器全屏出错解决 &amp; 属性poster底图占满video的方法

1. 在layer弹窗组件中 如果使用了flash播放器,全屏是正常的 但若使用了HTML5的播放器,全屏失效 举个栗子 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-

Android Ireader的全屏与非全屏的切换效果实现

ireader在全屏与非全屏切换,整体的阅读view并没有进行明显示的重绘与抖动现像,如果只是单纯的设置activity的全屏与非全屏切换,因为view的大小变动,会有抖动现象出现 而Android只在4.4版本才提供了沉浸式状态拦,而在4.4之前怎么办呢 1.首先直接在AndroidManifest.xml中需要全屏显示的Activity属性中添加 1 android:theme="@android:style/Theme.NoTitleBar.Fullscreen" 2.设置act

全屏遮罩和弹出窗

/*全屏遮罩* 使用方法:* 显示:TC.shadow.show();* 隐藏:TC.shadow.hide();* */ ;(function(){ function addShadow( obj ) { if(typeof obj !== "object"){ return false; } obj.show(); var $shadow = $( '#shadow' ); if ( !$shadow.length ) { $shadow = $( '<section id=

Android解决WebView的定位功能、视频全屏播放、下载功能、页面Url的处理、进度条处理

解决WebView的定位功能.视频全屏播放.下载功能.页面Url的处理.进度条处理 事先说明: 定位功能在安卓6.0需要用户手动确认权限后才能使用 若需在安卓6.0适配WebView的定位功能,则需要在WebView中手动增加用户权限访问 详细可百度安卓6.0权限管理系统,或者采用第三方封装好的权限管理类进行编写(如Bmob) 如果对内容不理解的话,可参考最后的整个类的代码 如果对BaseActivity这个抽象类不理解的话,可以查看下面一篇文章对BaseActivity的介绍 步骤一:webv

WPF Popup全屏 弹出方法。解决只显示75%的问题。

WPF Popup全屏 弹出方法.解决只显示75%的问题. WPF 中 Popup 有一个特点.当Popup的高度超过屏幕的75%的时候,只显示75%的高度. 如下代码: <Window x:Class="WpfApplication13.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.micro

手机端弹出层:Layer Mobile API文档手册v1.2

原文地址:http://sentsin.com/jquery/layer/ 参数 即核心接口:layer.open(options) 中的options: type 类型:Number 默认:0,设置弹层的类型,0表示信息框,1表示页面层,2表示加载层 content 类型:String 必选参数,控制弹层内容 title 类型:String或Array 默认:空,控制层的标题,值为字符串或者数组,例子: [javascript] view plain copy print? layer.ope

jQuery Layer mobile 弹出层

layer mobile是为移动设备(手机.平板等webkit内核浏览器/webview)量身定做的弹层支撑,采用Native JavaScript编写,完全独立于PC版的layer,您需要按照场景选择使用. 无需依赖任何库,只加载layer.m.js即可 小巧玲珑,性能卓越.柔情似水- 具备无以伦比的自适应功能 灵活的皮肤自定义支撑,充分确保弹层风格多样化 丰富.科学的接口,让弹弹弹层无所不能 版本Layer mobile1.8 作者:闲心贤 github 在线实例 实例预览 layer弹层组

css-dialog样式实现弹框蒙层全屏无需JS计算高度兼容IE7

<!DOCTYPE html><html><head>  <meta charset="UTF-8">  <title>css-dialog</title>  <script src="http://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script> </head><style type="

jQuery支持mobile的全屏水平横向翻页效果

这是一款支持移动手机mobile设备的jQuery全屏水平横向翻页效果插件.该翻页插件可以使页面在水平方向上左右全屏翻动,它支持手机触摸屏,支持使用鼠标滚动页面. 整个页面过渡平滑,效果非常不错. 在线演示:http://www.htmleaf.com/Demo/201503141519.html 下载地址:http://www.htmleaf.com/jQuery/Layout-Interface/201503141518.html