移动端 一个简单易懂的弹出框


Posted in Javascript onJuly 06, 2016

先给大家展示下效果图,如果大家感觉还不错,请继续参考实现代码。

移动端 一个简单易懂的弹出框

关键代码如下所示:

function tishi(content,url) {
var html = '<div class="xiaoxi none" id="msg" style="z-index:9999;left: 5%;width: 90%;position: fixed;background:none;top:50%;"> <p class="msg" style="background: none repeat scroll 0 0 #000; border-radius: 30px;color: #fff; margin: 0 auto;padding: 1.5em;text-align: center;width: 70%;opacity: 0.8;"></p></div>';
$(document.body).append(html); 
$("#msg").show();
$(".msg").html(content);
if(url){
window.setTimeout("location.href='"+url+"'", 1500);
}else{
setTimeout('$("#msg").fadeOut()', 1500);
}
} 
tishi('留言成功');

以上所述是小编给大家介绍的移动端 一个简单易懂的弹出框 ,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JavaScript 提升运行速度之循环篇 译文
Aug 15 Javascript
jquery图片不完全按比例自动缩小的简单代码
Jul 29 Javascript
angularJS结合canvas画图例子
Feb 09 Javascript
js实现漂浮回顶部按钮实例
May 06 Javascript
Javascript使用uploadify来实现多文件上传
Nov 16 Javascript
详解js中Json的语法与格式
Nov 22 Javascript
vue.js实现简单轮播图效果
Oct 10 Javascript
详解基于mpvue的小程序markdown适配解决方案
May 08 Javascript
详解关于Vuex的action传入多个参数的问题
Feb 22 Javascript
仿ElementUI实现一个Form表单的实现代码
Apr 23 Javascript
基于JavaScript实现表格隔行换色
May 08 Javascript
解决nuxt页面中mounted、created、watch执行两遍的问题
Nov 05 Javascript
Bootstrap选项卡与Masonry插件的完美结合
Jul 06 #Javascript
针对BootStrap中tabs控件的美化和完善(推荐)
Jul 06 #Javascript
jQuery插件dataTables添加序号列的方法
Jul 06 #Javascript
Spring MVC中Ajax实现二级联动的简单实例
Jul 06 #Javascript
js中window.open的参数及注意注意事项
Jul 06 #Javascript
快速解决js动态改变dom元素属性后页面及时渲染的问题
Jul 06 #Javascript
jQuery 3.0十大新特性
Jul 06 #Javascript
You might like
新52大事件
2020/03/03 欧美动漫
NOT NULL 和NULL
2007/01/15 PHP
PHP学习笔记之三 数据库基本操作
2011/01/17 PHP
Function eregi is deprecated (解决方法)
2013/06/21 PHP
php 购物车完整实现代码
2014/06/05 PHP
PHP获取数组的键与值方法小结
2015/06/13 PHP
PHP下载远程图片并保存到本地方法总结
2016/01/22 PHP
浅析PHP反序列化中过滤函数使用不当导致的对象注入问题
2020/02/15 PHP
php的无刷新操作实现方法分析
2020/02/28 PHP
javascript下IE与FF兼容函数收集
2008/09/17 Javascript
日期 时间js控件
2009/05/07 Javascript
js读写(删除)Cookie实例详解
2013/04/17 Javascript
jquery实现平滑的二级下拉菜单效果
2015/08/26 Javascript
解决Angular.Js与Django标签冲突的方案
2016/12/20 Javascript
Vue 页面跳转不用router-link的实现代码
2018/04/12 Javascript
详解Ant Design of React的安装和使用方法
2018/12/27 Javascript
js实现开关灯效果
2020/03/30 Javascript
jQuery实现中奖播报功能(让文本滚动起来) 简单设置数值即可
2020/03/20 jQuery
原生JS实现留言板
2020/03/26 Javascript
[52:52]完美世界DOTA2联赛PWL S3 LBZS vs access 第一场 12.10
2020/12/13 DOTA
零基础学Python(一)Python环境安装
2014/08/20 Python
在Python中实现贪婪排名算法的教程
2015/04/17 Python
python实现雨滴下落到地面效果
2018/06/21 Python
Python实现分段线性插值
2018/12/17 Python
Python中Flask-RESTful编写API接口(小白入门)
2019/12/11 Python
pycharm 更改创建文件默认路径的操作
2020/02/15 Python
英国手工布艺沙发在线购买:Sofas & Stuff
2018/03/02 全球购物
怎样声明一个匿名的内部类
2016/06/01 面试题
迷你西餐厅创业计划书范文
2013/12/31 职场文书
法律专业应届生自荐信范文
2014/01/06 职场文书
2014年社会实践活动总结范文
2014/04/29 职场文书
2014年“向国旗敬礼”网上签名寄语活动方案
2014/09/27 职场文书
2015年社区创卫工作总结
2015/04/21 职场文书
正确的理解和使用Django信号(Signals)
2021/04/14 Python
vue中利用mqtt服务端实现即时通讯的步骤记录
2021/07/01 Vue.js
Win11 22H2 2022怎么更新? 获得Win1122H22022版本升级技巧
2022/09/23 数码科技