移动端 一个简单易懂的弹出框
更新时间：2016年07月06日 11:55:01 作者：一颗星—Broken
本文给大家分享一段简单的jquery代码实现一个简单易懂的弹出框，非常不错，具有参考借鉴价值，感兴趣的朋友一起学习吧
先给大家展示下效果图，如果大家感觉还不错，请继续参考实现代码。
关键代码如下所示：
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('留言成功');
以上所述是小编给大家介绍的移动端 一个简单易懂的弹出框 ，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
经常使用jquery的朋友，需要测试下firefox的兼容性2008-10-10
下面小编就为大家带来一篇jquery实现无刷新验证码的简单实例。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
jquery的index方法实现tab效果，需要的朋友可以参考下。2011-02-02
jquery刷新页面的实现代码（局部及全页面刷新） ，需要的朋友可以参考下。2011-07-07
最近一直研究JQUERY的CHECKBOX,前面我已经介绍了CHECKBOX的全选和取消全选,而今天我继续给大家分享第三种方法,同时还能实现CHECKBOX的反选和指定选取,当然我们得先下载2008-08-08
最近在做项目的时候使用了Jquery~新手学习jquery.~遇到了一些"奇怪"的问题(各位大神别拍砖).感谢ClassYuan老大的支持2010-08-08
idTabs是基于Jquery编写封装的一个插件，主要用于实现选项卡功能，下面是它的具体使用2014-09-09
很多人可能都会遇到在调试的时候用了return了false，可为什么还会提交呢？这个问题我最近也碰到了，尝试了多次也没有用，后来终于发现了其中的问题，下面分享处理给大家，让同样遇到这个问题的朋友们能够看看，有需要的朋友们下面来一起看看吧。2016-10-10
这篇文章主要介绍了ExtJs动态生成treepanel的Json格式的相关资料,需要的朋友可以参考下2015-07-07
这篇文章与大家分享13个超级有用的 jQuery 内容滚动插件和教程。您可能经常能看到一些网站上特色区域的内容以滚动方式变化，这是一种在有限的网页空间内展示更多内容的良好方式，而且能吸引用户注意力。2011-07-07
最新评论