jQuery mobile 中div圆角弹出层

HTML:
   <div id="div_layer" class="div_layer">
        已经是最后一个题目
    </div>

CSS:

 .div_layer {
            left: 0;
            right: 0;
            position: fixed;
            z-index: 1001;
            margin: auto;
            bottom: 100px;
            display: none;
            color: white;
            background-color: black;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            width: 180px;
            height: 22px;
            font-size: 12px;
            font-family: ‘Microsoft YaHei‘;
            text-align: center;
            font: 100;
            text-shadow: none;
            padding-top: 5px;
        }

JS

  $(‘#div_layer‘).show();
                    setTimeout(function () {
                        $("#div_layer").fadeOut("slow");
                    }, 1500);
时间: 2024-10-13 11:17:54

jQuery mobile 中div圆角弹出层的相关文章

div+js 弹出层

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery弹出层效果</title> <style> .black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background

jquery实现点击按钮弹出层和点击空白处隐藏层

昨天做项目遇到一个问题,和大家分享下,jquery实现点击按钮弹出层和点击空白处隐藏层的问题 if($('.autoBtn').length){                $('.autoBtn').find('.assess').unbind().bind('click',function(event){                    //取消事件冒泡                      event.stopPropagation(); if($('.abtnBox').is

Jquery 点击图片在弹出层显示大图

http://blog.csdn.net/wongwaidah/article/details/28432427(案例链接出处,本人只是转载收藏) <html> <head> <meta charset="utf-8"> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"type="text/javascript"></scri

div滚动条弹出层效果

<%--总的弹出层--%> <div class="tcck" id="joinclub" style="display:none"> <table style="width:430px; height:7px;" border="0" cellpadding="0" cellspacing="0" > <tr style=&

一款基于jQuery外观优雅带遮罩弹出层对话框

今天我们要来分享一款基于jQuery的弹出层对话框插件,该插件包含多种对话框类型,比如提示框.确认框等.更为实用的是,这款jQuery对话框中的按钮事件也可以被我们所捕获,从而相应对话框按钮的各种事件,用起来非常方便. 在线预览   源码下载 实现的代码. html代码: <center class="demo"> <button onclick="payment();">缴费提示层</button> <button onc

asp.net中获取Layer弹出层返回值

1.MainPage.aspx中点击按钮利用Layer弹出层,代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="demo.MainPage" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xh

jQuery点击空白关闭弹出层

给宝箱加上click事件,单击切换弹出层显示与隐藏,弹出层显示后单机任何地方都能让它关闭. 这里用到了one()指令,给body绑定一个单次的操作,jQuery代码如下: $('#info li:eq(0)').click(function(){ $('#iphone').toggle(); $('body').one('click',function(){ $('#iphone').hide(); }) return false; }) 实际上该处应该是点击非自身的空白(弹出层也算自身)关闭弹

一组li或者div里面多个弹出层对应各自的内容

今天在一个做一个页面开发的时候发现了这个需求,简单的给大家描述一下我的使用环境: 射鸡师要求点击每一个卡片上的查看更多需要弹出各自的内容: 可能有同学会说了,每个卡片下面写一个div当做弹出层就ok了.从效果上说,这样的方法是可以实现的,但是他存在以下的弊端: 1.代码量臃肿 2.工作量成倍增长 3.不方便维护 ... 我的实现原理和方法: 需要弹出的内容,我直接将他们存在json中去,然后点击的那一个“查看更多”遍历对应的json,将内容插入到弹出中即可,这样也只是需要些一个弹出层div!可能

jquery制作弹出层带遮罩效果,点击阴影部分层消失

jquery制作弹出层带遮罩效果,点击阴影部分层消失. 整体还是比较简单的. HTML代码很简单 1 <a href="#" class="big-link" data-reveal-id="myModal" data-animation="fade">jquery点我弹出</a> 2 <div id="myModal" class="reveal-modal&quo