• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > 移动端 一个简单易懂的弹出框

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

作者:一颗星—Broken 字体:[增加 减小] 来源:互联网

一颗星—Broken 通过本文主要向大家介绍了简单弹出框,jquery弹出框等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

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

关键代码如下所示:

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('留言成功'); 

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

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

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

相关文章

  • Jquery 扩展方法
  • 浅谈jQuery中的checkbox问题
  • jquery统计输入文字的个数并对其进行判断
  • jQuery显示和隐藏 常用的状态判断方法
  • jquery下将选择的checkbox的id组成字符串的方法
  • jQuery多文件异步上传带进度条实例代码
  • jquery实现网页查找功能示例分享
  • 基于jquery的多彩百分比 动态进度条 投票效果显示效果实现代码
  • JQuery下关于$.Ready()的分析
  • jQuery+PHP星级评分实现方法

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • ff下JQuery无法监听input的keyup事件的解决方法
    • jQuery中outerHeight()方法用法实例
    • jQuery学习笔记之入门
    • jquery+json实现数据列表分页示例代码
    • jQuery 学习第五课 Ajax 使用说明
    • 在myeclipse中如何加入jquery代码提示功能
    • 推荐8款jQuery轻量级树形Tree插件
    • jQuery中parent()方法用法实例
    • jQuery 的全选(全非选)即取得被选中的值使用介绍
    • jQuery 快速结束当前正在执行的动画

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有