jquerymobile知识点三:弹出层popup

弹出层popup很简单,主要就是弹出验证,登陆注册,提交信息之类的,下面是我写好的一个demo。。。

 <div data-role="popup" id="popupDialog" data-overlay-theme="a" data-theme="c" data-dismissible="false"
        style="max-width: 460px;" class="ui-corner-all">
        <a href="#" data-rel="back" data-role="button" data-theme="e" data-icon="delete"
            data-iconpos="notext" class="ui-btn-right">Close</a>
        <div data-role="header" data-theme="e" class="ui-corner-top">
            <h1>
                发帖</h1>
        </div>
        <div data-role="content" data-theme="d" class="ui-corner-bottom ui-content">
            <p>
                <textarea style="width: 100%; height: 100px;" id="textval"></textarea></p>
            <p style="text-align: center;">
                <a href="#" data-role="button" data-ajax="false" data-transition="flow" onclick="PublishComment();"
                    data-theme="c">发布</a></p>
        </div>
    </div>
时间: 2024-10-26 11:05:39

jquerymobile知识点三:弹出层popup的相关文章

Jquery学习之路(三) 实现弹出层插件

弹出层的应用还是比较多的,登陆,一些同页面的操作,别人的总归是别人的,自己的才是自己的,所以一直以来想写个弹出层插件.不多废话,直接开始吧! 不想看可以在这里直接下载源码xsPop.zip 1:遮罩层 要弹出层,先要用一个遮罩层挡在下面的页面,此遮罩层是全屏的,页面滚动也要有,所以设置 position: fixed;还要有透明效果,下面是我定义的遮罩层css,取名mask .mask { position: fixed; width: 100%; height: 100%; backgroun

(三)原生JS实现 - 插件 - 弹出层

创建遮罩层 1 _createCover: function() { 2 var newMask = document.createElement("div"); 3 newMask.id = this._mark; 4 newMask.style.position = "absolute"; 5 newMask.style.zIndex = "100"; 6 _scrollWidth = Math.max(document.body.scrol

asp.net弹出层扩展研究

.aspx代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="popup.aspx.cs" Inherits="lesson_code_Default2" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www

4.弹出层组件的实现与封装

1. 在这个项目中,弹出层组件出现的方式很多,主要有以下三种      这三种的主要区别在于:是否需要蒙版.是否有蒙版颜色.蒙版的位置是在底部还是随这操作变化位置 1. 位于底部固定的弹出层 代码如下: <template> <view style="z-index:999;overflow:hidden" v-if="avalilable"> <!-- 蒙版 --> <view class="position-f

JS简易弹出层手机版

简单说明 手机弹出层模枋了WEIUI.弹出层原理还是依照bootstrap 去掉了PC端的ESC关闭.点击背景层时也不默认关闭. 模板样子 CSS样式 /*弹出时给body加上这个,关闭时去掉*/ .overhide { overflow: hidden; } /*关键样式 遮罩层的*/ .msgboxshadow { position: fixed; /*固定定位*/ left: 0; top: 0; right: 0; bottom: 0; opacity: .5; /*背景透明度.这里没有

2.3 弹出层效果

中心主题:点击按钮的时候触发弹出层,点击弹出框上面的红色叉叉关闭弹出层 一.HTML结构 <div class="maskFuc"> <div class="maskWrap"></div> <div class="mask"> <h2> 我们是遮罩层内容的头部<span>×</span></h2> </div> <button cl

弹出层详解,从简单到复杂

一.最简单的弹出 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="

JavaScript学习总结(一)——延迟对象、跨域、模板引擎、弹出层、AJAX示例

JavaScript学习总结(一)--延迟对象.跨域.模板引擎.弹出层.AJAX示例 目录 一.AJAX示例 1.1.优点 1.2.缺点 1.3.jQuery AJAX示例 二.延迟对象(Deferred) 2.1.回调函数 2.2.deferred.done 三.跨域 3.1.什么是跨域 3.2.JSONP跨域 3.3.jQuery使用JSONP跨域 3.4.跨域资源共享(CORS) 3.5.小结 四.弹出层 五.模板引擎 5.1.Hello World 5.2.方法 5.3.与AJAX结合应

jQuery.reveal弹出层

jQuery.reveal弹出层使用 最近用到弹出层,还得自定义UI,原本用的artDialog太庞大,不合适了,于是就找到了这个东西,又小又好用,基础的弹出遮罩都有了,想要什么还不是Coder自己说了算. 这个插件是基于Jquery实现的,非常小,插件本身只有3K多一点,用起来也算简单明了. 废话不说了.上Demo 首先是引用部分: Html->head: <head> <meta charset="utf-8" /> <title>Reve