文档章节

自己开发的jquery-AlertMessage插件IOS7弹窗提示样式!

郏高阳
 郏高阳
发布于 2014/04/21 15:09
字数 329
阅读 7K
收藏 8

无须任何图片和CSS文件,就一个JS文件,就一个JS文件,就TM一个JS文件。你么有听错看错!兼容性:移动终端和PC  IE7+ 谷歌火狐浏览器我就不说了

IOS7弹窗提示样式!

            Message.showMessage("郏高阳");
            Message.showNotify("这是一个可以定时自动隐藏的通知", 1000);
            Message.showConfirm("喂:你好是郏高阳吗?", "不知道", "你猜嘛", function () {
//                第一个按钮回调
            }, function () {
//                第二个按钮回调
            });

    Demo演示地址:http://runjs.cn/detail/pembjylb

参数解析:

     showMessage// 只有一个参数效果图如下:

 

showNotify // 第一个参数要显示的内容,第二个参数显示的时间,不传默认是1000(单位毫秒)

showConfirm // 第一个参数是要显示的文本文字,第二个是左边的按钮,第三个参数是右边的按钮,第四个是左边按钮的回调函数,第五个是右边按钮的回调函数。


 我们公司的移动端项目已经使用:效果如下图:






简单否?实用否?

© 著作权归作者所有

郏高阳

郏高阳

粉丝 103
博文 153
码字总数 112334
作品 1
黄浦
程序员
私信 提问
加载中

评论(5)

kjinli
kjinli
大神,你好,这个代码在哪里啊?怎么用啊
郏高阳
郏高阳 博主

引用来自“寂寞的村民”的评论

参考
JavaScript自定义模拟alert弹出提出框,模仿iphone样式
http://blog.jdk5.com/zh/javascript-custom-alert-dialog/
good
寂寞的村民
寂寞的村民
参考
JavaScript自定义模拟alert弹出提出框,模仿iphone样式
http://blog.jdk5.com/zh/javascript-custom-alert-dialog/
郏高阳
郏高阳 博主

引用来自“chazz”的评论

有演示地址否?
演示地址:http://runjs.cn/detail/pembjylb
chazz
chazz
有演示地址否?
《基于JQuery和CSS的特效整理》系列分享专栏

《基于JQuery和CSS的特效整理》已整理成PDF文档,点击可直接下载至本地查阅 https://www.webfalse.com/read/201724.html 文章 一款基于jQuery的颜色拾取器 分享一款基于jQuery的QQ表情插件 ...

kaixin_code
2018/11/04
80
0
8款实用jQuery插件实例欣赏及源码下载

jQuery的确是一款非常轻巧强大的JS框架,相信每一位WEB开发者都非常喜欢他。许多jQuery插件不仅开源,而且代码和设计都十分优雅,对自己的JS开发能力也会有很大提高。下面分享8款实用jQuery插...

yykj
2012/12/12
5
0
8 款实用的 jQuery 插件及源码

jQuery的确是一款非常轻巧强大的JS框架,相信每一位Web开发者都非常喜欢。许多jQuery插件不仅开源,而且代码和设计都十分优雅,对自己的JS开发能力也会有很大提高。下面分享8款实用jQuery插件...

yykj
2013/11/13
756
0
移动切图框架 SLICY 发布 v1.1 版本

移动切图框架 SLICY 发布v1.1版本,这是一次比较大的更新改动,SLICY 1.1开始我们受到 “不要重复的造轮子”的观念,由造轮子升级到了造车子,所以这次更新,我们加入了一些我们工作中经常用...

专注做前端
2016/11/11
1.7K
2
JS弹框,支持ajax调用、拖拽,jquery、mootools两个版本

JS弹窗,有jquery和mootools两个版本 要求:jquery版本>=1.2.6,mootools用最新版本 先看截图啊: 在firefox、chrome、高版本ie下:有阴影、圆角效果 调用方法: <input type="button" value...

遊坦之
2012/07/26
622
0

没有更多内容

加载失败,请刷新页面

加载更多

Java基本程序设计结构

简述 Java起源于Sun公司为机顶盒开发的一款开发语言“Oak”,由于该名称被抢注更名为“Java”。Java是基于面向对象的开发语言,其特性在于“一次编译,到处运行”,这实现依赖于JVM。 Java程...

Yongy
18分钟前
49
0
【jquery仿dataList——性能优化】模板预编译思想提高性能10倍以上!!!

那撒,IE和google性能不减反增,求高手解释....... 前言 呵呵,当然,什么预编译什么性能提高5倍以上基本上市坑爹的,这里就是为了吸引阅读量,哈哈。 上当的大哥主动顶下哇??? 正题 之前...

shzwork
22分钟前
57
0
用博客系统开发作文网站探索MYSQL数据库性能和缓存技巧[图]

用博客系统开发作文网站探索MYSQL数据库性能和缓存技巧[图] 最近忙着建站,感觉现在建站是越来越难了,但还是用ZBLOG系统建了一个作文网站,叫做求索作文网,但是发现博客系统的缺点也还是有...

原创小博客
25分钟前
31
0
LinearLayout不在ScrollView内扩展

我在ScrollView中有一个LinearLayout ,它有android:layout_height="fill_parent" ,但它没有扩展到ScrollView的整个高度。 我的布局看起来像: level layout layout_width layout_......

技术盛宴
43分钟前
37
0
docker上启动nginx,并配置修改nginx的配置文件

1.使用docker 下载nginx 镜像 docker pull nginx 2.启动nginx docker run --name nginx -p 80:80 -d nginx 这样就简单的把nginx启动了,但是我们想要改变配置文件nginx.conf ,进入容器,命令...

yuxw
47分钟前
45
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部