msgTips 顶部弹窗
最近发现好多网站都采用顶部弹窗，并且不用用户手动去点击确定。感觉这样很方便用户，所以也找了好多大神的代码，整理一下方便以后查找
前端：
@{
Layout = null;
}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>jQuery网页顶部显示操作提示插件 - 聚合分享 - www.juheweb.com</title>
<link href="~/top/css/css.css" rel="stylesheet" />
<script src="~/top/js/jquery-1.8.3.min.js"></script>
<script src="~/top/js/msgTips.js"></script>
<script type="text/javascript">
$(function () {
$("#ie").manhua_msgTips({
Event: "click", //响应的事件
timeOut: , //提示层显示的时间
msg: "为了保证更好的网站体验，请升级IE版本到8.0或以上!", //显示的消息
speed: , //滑动速度
type: "warning" //提示类型（1、success 2、error 3、warning）
});
$("#no").manhua_msgTips({
Event: "click", //响应的事件
timeOut: , //提示层显示的时间
msg: "很抱歉!您好操作此插件错误，请重新操作！", //显示的消息
speed: , //滑动速度
type: "error" //提示类型（1、success 2、error 3、warning）
});
$("#yes").manhua_msgTips({
Event: "click", //响应的事件
timeOut: , //提示层显示的时间
msg: "恭喜你！操作成功，欢迎访问聚合分享网站", //显示的消息
speed: , //滑动速度
type: "success" //提示类型（1、success 2、error 3、warning）
});
});
</script>
<style>
input {
padding: 10px 20px;
}
</style>
</head>
<body>
<div style="margin:300px auto; width:350px;">
<input type="button" id="ie" value="警告提示" />
<input type="button" id="no" value="错误提示" />
<input type="button" id="yes" value="成功提示" />
</div>
</body>
</html>
个人感觉还是很好用的，这个是从某位大神那里引用来的，如果有冒犯，麻烦告诉我，我会删除的
下载链接：http://pan.baidu.com/s/1hr8vIF6
msgTips 顶部弹窗的更多相关文章
- 实现iOS前台时的推送弹窗效果
原文链接 或许很多童鞋还不知道,在 iOS 中收到推送通知时,如果 App 处于前台运行的情况下,推送的顶部弹窗是不会弹出来的. 然而就是有很多**的产品经理都会提出类似这样的**需求:那就是在 Ap ...
- IOS - 前台时的推送弹窗效果
作者:Pikacode 原文链接:http://www.jianshu.com/p/67864e1c2085 本文获作者授权转载 或许很多童鞋还不知道,在 iOS 中收到推送通知时,如果 App 处于 ...
- iOS 推送全解析
本文旨在对 iOS 推送(以下简称 推送)进行一个完整的剖析,如果你之前对推送一无所知,那么在你认真地阅读了全文后必将变成一个推送老手,你将会对其中的各种细节和原理有充分的理解.以下是 pikacod ...
- bootstrap Modal或者 bootbox弹窗时，页面混动至顶部
bootstrap使用Modal时,页面自动滚动至了最顶部, 调用bootbox时,也是如此 查了半天资料,最后参考下述帖子,解决问题 https://stackoverflow.com/questi ...
- 用CSS3动画特效实现弹窗效果
提示:如果大家觉得本篇实现的弹窗效果有用,可持续关注.接下会添加更多效果并且封装成插件,这样使用就方便了.效果查看: https://heavis.github.io/hidialog/index.h ...
- 四种常见的App弹窗设计,你有仔细注意观察吗?
弹窗又称为对话框,是App与用户进行交互的常见方式之一.弹窗分为模态弹窗和非模态弹窗两种,两者的区别在于需不需要用户对其进行回应.模态弹窗会打断用户的正常操作,要求用户必须对其进行回应,否则不能继续其 ...
- jquery.sobox 经典版弹窗控件
sobox 是一款非常实用的,基于 jQuery 的弹窗控件.功能非常完整,而代码量又非常少(压缩完仅8k不到)的一款弹窗控件,如果你熟悉ext的弹窗控件,那么sobox的使用对你来说应该是愉悦而完全 ...
- Ouibounce – 在用户离开你网站时显示模态弹窗
Ouibounce 是一个微小的库,用于实现在用户离开你的网站的时候显示一个模式窗口.这个库可以帮助你增加着陆页的转换率. Ouibounce 会在当鼠标光标移动到接近(或通过)视口(viewport ...
- 原生 js 模拟 alert 弹窗
复制头部的 js 代码到你的 js 文件的任何地方,调用Chef.alert方法传入相应的参数即可并没有什么功能,只是一个提示的作用,可能样式比 alert 的弹窗好看点,css是写在js里的,只要你 ...
随机推荐
- Linux 动态链接库路径 LD_LIBRARY_PATH
如果遇到一些 .so 缺失问题 把路径添加到这个变量里面就可以了,注意跟PATH的区别 export LD_LIBRARY_PATH= 注意使用 export 否则变量设置成功但是子进程不可见
- 201871010110-李华《面向对象程序设计（java）》第十周学习总结
项目 内容 这个作业属于哪个课程 https://www.cnblogs.com/nwnu-daizh/ 这个作业的要求在哪里 https://www.cnblogs.com/nwnu-daizh/p ...
- 【Oracle】Windows启动
cd D:\app\Administrator\product\\dbhome_1\BIN D: sqlplus /nolog conn sys/system as sysdba startup pf ...
- golang go get代理设置
1.gopm 代替go 下载第三方依赖包 可以采用gopm从golang.org一些镜像网站上下载. a). 安装gopm go get -u github.com/gpmgo/gopm 可手动下载, ...
- JavaMap常用操作
判断key值是否存在 map.containsKey("youkey") 根据key修改value值 map.put("youkey","you ne ...
- Shell编程——test命令
1.整数 如果表达式为真返回值为0,如果表达式为假,返回值为1.test命令可以对整数.字符串.以及文件进行判断. -it:小于 -le:小于或等于 -gt:大于 -ge:大于或等于 -eq:等于 - ...
- JAVA基础概念（三）
JAVA方法入参和返回类型 方法入参 基础数据类型 引用数据类型 修饰符 返回类型 方法名(参数类型 参数名,参数类型 参数名...){//方法体return} 方法返回类型 return xxx 具 ...
- idea中使用python环境
idea中使用python环境,需要下载相关的python sdk 可以添加选择自己的python环境
- ESP8266 SDK开发: 外设篇-GPIO输出高低电平
前言 官方提供了两个函数 GPIO_OUTPUT_SET(gpio_no, bit_value) 设置GPIO2输出高电平 GPIO_OUTPUT_SET(2, 1); 设置GPIO2输出低电平 GP ...
- printkd
#include <linux/fs.h> #include <asm/uaccess.h> #include <linux/namei.h> #include & ...