#761
展开↯#763
作者：广西南宁市
win10系统下itunes里面看过的视频记录如何删除
itunes清楚视频库记录
删除电脑中iTunes的影片记录
找到itunes library文件 删掉就可以了
itunes清楚视频库记录
删除电脑中iTunes的影片记录
找到itunes library文件 删掉就可以了
iTunes Library.itlRun code
Cut to clipboard
文章：常用html、demo代码 发表时间：2017-12-06, 17:51:55
#764
展开↯#765
作者：广西南宁市
奥巴马参加一个什么中小企业峰会，有传收费拍照20w一张 微商！
文章：不知妻美二手东，悔创阿里杰克马，一无所有王健林，普通家庭马化腾，不熟运作假药停 发表时间：2017-12-06, 17:26:50
#766
作者：广西南宁市
<a href="#" style="color:white; text-decoration:none;" onmouseover="this.style.cssText='color:gray; text-decoration:none;'" onmouseout="this.style.cssText='color:white;text-decoration:none'">iswtf<a>Run code
Cut to clipboard
文章：2个div 点击第一个变色，点击第2个的时候第2个变色，同时第一个颜色去掉 发表时间：2017-12-06, 10:14:43
#767
作者：广西南宁市
阿里云图片识别 图片打标 场景识别
图像打标API调用
场景识别API调用
请求参数，以json格式放置于Https Body内
图像打标API调用
场景识别API调用
请求参数，以json格式放置于Https Body内
<?php
$akId = "*************";
$akSecret = "******************";
//更新api信息
$url = "https://shujuapi.aliyun.com/org_code/service_code/api_name?param1=xxx¶m2=xxx";
$options = array(
'http' => array(
'header' => array(
'accept'=> "application/json",
'content-type'=> "application/json",
'date'=> gmdate("D, d M Y H:i:s \G\M\T"),
'authorization' => ''
),
'method' => "GET", //可以是 GET, POST, DELETE, PUT
'content' => '' //如有数据，请用json_encode()进行编码
)
);
$http = $options['http'];
$header = $http['header'];
$urlObj = parse_url($url);
if(empty($urlObj["query"]))
$path = $urlObj["path"];
else
$path = $urlObj["path"]."?".$urlObj["query"];
$body = $http['content'];
if(empty($body))
$bodymd5 = $body;
else
$bodymd5 = base64_encode(md5($body,true));
$stringToSign = $http['method']."\n".$header['accept']."\n".$bodymd5."\n".$header['content-type']."\n".$header['date']."\n".$path;
$signature = base64_encode(
hash_hmac(
"sha1",
$stringToSign,
$akSecret, true));
$authHeader = "Dataplus "."$akId".":"."$signature";
$options['http']['header']['authorization'] = $authHeader;
$options['http']['header'] = implode(
array_map(
function($key, $val){
return $key.":".$val."\r\n";
},
array_keys($options['http']['header']),
$options['http']['header']));
$context = stream_context_create($options);
$file = file_get_contents($url, false, $context );
echo($file);Run code
Cut to clipboard
$json3=json_encode($jsonArr,JSON_UNESCAPED_UNICODE);
$res=json_decode($res,true);Run code
Cut to clipboard
mixed json_decode ( string $json [, bool $assoc ] )
assoc
当该参数为 TRUE 时，将返回 array 而非 object 。
string json_encode ( mixed $value [, int $options = 0 ] )
返回 value 值的 JSON 形式
Report a bug 参数
value
待编码的 value ，除了resource 类型之外，可以为任何数据类型
该函数只能接受 UTF-8 编码的数据
options
由以下常量组成的二进制掩码： JSON_HEX_QUOT, JSON_HEX_TAG, JSON_HEX_AMP, JSON_HEX_APOS, JSON_NUMERIC_CHECK, JSON_PRETTY_PRINT, JSON_UNESCAPED_SLASHES, JSON_FORCE_OBJECT, JSON_UNESCAPED_UNICODE.
Report a bug 返回值
编码成功则返回一个以 JSON 形式表示的 string 或者在失败时返回 FALSE 。Run code
Cut to clipboard
文章：Weiphp后台群发推送微信公众号文章插件【基础/单篇推送】 发表时间：2017-12-04, 12:17:02
#768
作者：广西玉林市
慈不掌兵，情不立事，义不理财，善不为官，越是深处高位越要懂得取舍，这是一门要下地狱的学问！
吴王好剑客，百姓多疮瘢。
楚王好细腰，宫中多饿死。2 , 这有啥不正常的，你要是遇到个人就能当朋友，那才是不正常。成为朋友有两点，一点是共同爱好，一点是相处时间，没交集的或相处时间比较短的，就是知道名字长相的陌生人。
吴王好剑客，百姓多疮瘢。
楚王好细腰，宫中多饿死。
文章：不知妻美二手东，悔创阿里杰克马，一无所有王健林，普通家庭马化腾，不熟运作假药停 发表时间：2017-12-05, 01:17:21
#769
作者：广西南宁市
img图片get参数搜索中文乱码，blog有可以get参数搜索，，。为何一个需要转码一个不需要
文章：@意见反馈/技术支持/伊网/安企网 发表时间：2017-12-04, 19:36:18
#770
作者：广西南宁市
IE浏览器搜索输入框要下滚才显示图库和评论搜索按钮。，默认开始不显示
文章：@意见反馈/技术支持/伊网/安企网 发表时间：2017-12-04, 20:13:38
#771
作者：广西南宁市
有什么样的公司，就会有什么样的员工。所有的采访对象中，除了最后的越华表现出了一点身在局中的反思精神外，其他不过是一群满嘴“牛逼”不“牛逼”、充斥着自命不凡的货色。得意之时满嘴跑火车，失败之时责任都是公司、高管的责任，但公司永远是人组成的。
文章：不知妻美二手东，悔创阿里杰克马，一无所有王健林，普通家庭马化腾，不熟运作假药停 发表时间：2017-11-07, 11:01:41
#772
作者：广西南宁市
只要销售量好，公司所有的矛盾都会得到解决
文章：不知妻美二手东，悔创阿里杰克马，一无所有王健林，普通家庭马化腾，不熟运作假药停 发表时间：2017-11-07, 10:50:23
#773
作者：广西南宁市
PHP通过Http Post请求发送Json对象数据
需要发送一个 http Content-Type头信息，即 “Content-Type: application/json; charset=utf-8”
需要发送一个 http Content-Type头信息，即 “Content-Type: application/json; charset=utf-8”
<?php
/**
* PHP发送Json对象数据
*
* @param $url 请求url
* @param $jsonStr 发送的json字符串
* @return array
*/
function http_post_json($url, $jsonStr)
{
$ch = curl_init();
curl_setopt($ch, CURLOPT_POST, 1);
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_POSTFIELDS, $jsonStr);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_HTTPHEADER, array(
'Content-Type: application/json; charset=utf-8',
'Content-Length: ' . strlen($jsonStr)
)
);
$response = curl_exec($ch);
$httpCode = curl_getinfo($ch, CURLINFO_HTTP_CODE);
curl_close($ch);
return array($httpCode, $response);
}
$url = "http://52php.cnblogs.com";
$jsonStr = json_encode(array('a' => 1, 'b' => 2, 'c' => 2));
list($returnCode, $returnContent) = http_post_json($url, $jsonStr);Run code
Cut to clipboard
文章：Weiphp后台群发推送微信公众号文章插件【基础/单篇推送】 发表时间：2017-12-04, 12:15:33
#775
作者：广西南宁市
文章：程序员编程常用网页工具集[游戏] 发表时间：2017-12-01, 09:40:35
#776
作者：广西南宁市
text-align: justify;
word-break: break-word;Run code
Cut to clipboard
文章：HTML自动换行的问题 发表时间：2017-11-30, 18:05:02
#777
作者：广西南宁市
网站正在建设中...
<!DOCTYPE html>
<html>
<head>
<title>网站正在建设中...
</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no" />
</head>
<body>
网站正在建设中...
</body>
</html>Run code
Cut to clipboard
↑↓←→Run code
Cut to clipboard
文章：网站开发维护中即将上线模板html页面 发表时间：2017-11-30, 15:29:10
#778
作者：广西南宁市
UC浏览器，手机中的IE无效。。
jQuery消息提示框插件点击调用
message.css
message.js
调用方式：
参数详解：
演示完整代码
jQuery消息提示框插件点击调用
message.css
<link rel="stylesheet" href="css/message.css">
Run code
Cut to clipboard
/* c-message组件样式 */
.c-message{
position:fixed;
top:30px;
left:50%;
/* transform:translateX(-50%); */
padding-left:50px;
padding-right:20px;
height: 40px;
line-height: 40px;
background: #fff;
min-width:200px;
color:#666;
box-shadow: 0 2px 4px rgba(0,0,0,.12), 0 0 6px rgba(0,0,0,.04);
z-index:9999;
}
.c-message--icon{
color:#fff;
width: 40px;
height: 40px;
text-align: center;
position: absolute;
left: 0;
top: 0;
line-height: 40px;
}
.c-message--success{
background:#13CE66 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDQwIDQwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzOS4xICgzMTcyMCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+aWNvbl9zdWNjZXNzPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IkVsZW1lbnQtZ3VpZGVsaW5lLXYwLjIuNCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik1lc3NhZ2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MC4wMDAwMDAsIC0yMTIuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLluKblgL7lkJFf5L+h5oGvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MC4wMDAwMDAsIDIxMi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJSZWN0YW5nbGUtMiI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Imljb25fc3VjY2VzcyI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMiIgZmlsbD0iIzEzQ0U2NiIgeD0iMCIgeT0iMCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIj48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yNy44MjU1ODE0LDE3LjE0ODQzNTcgTDE5LjAxNzQ0LDI1LjgyODEyMTMgQzE4LjkwMTE2MDksMjUuOTQyNzA4MyAxOC43NjU1MDMzLDI2IDE4LjYxMDQ2NywyNiBDMTguNDU1NDI3LDI2IDE4LjMxOTc2OTMsMjUuOTQyNzA4MyAxOC4yMDM0ODY1LDI1LjgyODEyMTMgTDE4LjAyOTA3MTYsMjUuNjU2MjUgTDEzLjE3NDQxODYsMjAuODQzNzUgQzEzLjA1ODEzOTUsMjAuNzI5MTYzIDEzLDIwLjU5NTQ4MzcgMTMsMjAuNDQyNzA0NyBDMTMsMjAuMjg5OTI5MyAxMy4wNTgxMzk1LDIwLjE1NjI1IDEzLjE3NDQxODYsMjAuMDQxNjY2NyBMMTQuMzY2Mjc3MiwxOC44NjcxODU3IEMxNC40ODI1NiwxOC43NTI2MDIzIDE0LjYxODIxNzcsMTguNjk1MzEwNyAxNC43NzMyNTc3LDE4LjY5NTMxMDcgQzE0LjkyODI5NCwxOC42OTUzMTA3IDE1LjA2Mzk1MTYsMTguNzUyNjAyMyAxNS4xODAyMzA3LDE4Ljg2NzE4NTcgTDE4LjYxMDQ2NywyMi4yNzYwMzggTDI1LjgxOTc2OTMsMTUuMTcxODcxMyBDMjUuOTM2MDQ4NCwxNS4wNTcyODggMjYuMDcxNzA2LDE1IDI2LjIyNjc0MjMsMTUgQzI2LjM4MTc4MjMsMTUgMjYuNTE3NDQsMTUuMDU3Mjg4IDI2LjYzMzcyMjgsMTUuMTcxODcxMyBMMjcuODI1NTgxNCwxNi4zNDYzNTIzIEMyNy45NDE4NjA1LDE2LjQ2MDkzNTcgMjgsMTYuNTk0NjE1IDI4LDE2Ljc0NzM5NCBDMjgsMTYuOTAwMTczIDI3Ljk0MTg2MDUsMTcuMDMzODUyMyAyNy44MjU1ODE0LDE3LjE0ODQzNTcgTDI3LjgyNTU4MTQsMTcuMTQ4NDM1NyBaIiBpZD0iUGF0aCIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat 0 50%;
}
.c-message--error{
background:#FF4949 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDQwIDQwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzOS4xICgzMTcyMCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+aWNvbl9kYW5nZXI8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iRWxlbWVudC1ndWlkZWxpbmUtdjAuMi40IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iTWVzc2FnZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYwLjAwMDAwMCwgLTMzMi4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IuW4puWAvuWQkV/kv6Hmga8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYwLjAwMDAwMCwgMzMyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IlJlY3RhbmdsZS0yIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbl9kYW5nZXIiPgogICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTIiIGZpbGw9IiNGRjQ5NDkiIHg9IjAiIHk9IjAiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjUuODE3MjYyNywxNi4zNDUxNzk2IEMyNS45MzkwOTAyLDE2LjIyMzM0ODMgMjYsMTYuMDc2MTQxOCAyNiwxNS45MDM1NTIzIEMyNiwxNS43MzA5NjI4IDI1LjkzOTA5MDIsMTUuNTgzNzU2MyAyNS44MTcyNjI3LDE1LjQ2MTkyODkgTDI0LjUwNzYxNTcsMTQuMTgyNzQxMSBDMjQuMzg1Nzg4MiwxNC4wNjA5MTM3IDI0LjI0MzY1NzUsMTQgMjQuMDgxMjE5NiwxNCBDMjMuOTE4NzgxNywxNCAyMy43NzY2NTEsMTQuMDYwOTEzNyAyMy42NTQ4MjM1LDE0LjE4Mjc0MTEgTDIwLDE3LjgzNzU2MzUgTDE2LjMxNDcyMTYsMTQuMTgyNzQxMSBDMTYuMTkyODkwMiwxNC4wNjA5MTM3IDE2LjA1MDc1OTUsMTQgMTUuODg4MzIxNiwxNCBDMTUuNzI1ODg3NiwxNCAxNS41ODM3NTY5LDE0LjA2MDkxMzcgMTUuNDYxOTI5NCwxNC4xODI3NDExIEwxNC4xNTIyODI0LDE1LjQ2MTkyODkgQzE0LjA1MDc1ODIsMTUuNTgzNzU2MyAxNCwxNS43MzA5NjI4IDE0LDE1LjkwMzU1MjMgQzE0LDE2LjA3NjE0MTggMTQuMDUwNzU4MiwxNi4yMjMzNDgzIDE0LjE1MjI4MjQsMTYuMzQ1MTc5NiBMMTcuODM3NTYwOCwyMC4wMDAwMDE5IEwxNC4xNTIyODI0LDIzLjY1NDgyNDMgQzE0LjA1MDc1ODIsMjMuNzc2NjUxNyAxNCwyMy45MjM4NTgyIDE0LDI0LjA5NjQ0NzcgQzE0LDI0LjI2OTAzNzIgMTQuMDUwNzU4MiwyNC40MTYyNDM3IDE0LjE1MjI4MjQsMjQuNTM4MDcxMSBMMTUuNDYxOTI5NCwyNS44MTcyNTg5IEMxNS41ODM3NTY5LDI1LjkzOTA4NjMgMTUuNzI1ODg3NiwyNiAxNS44ODgzMjE2LDI2IEMxNi4wNTA3NTk1LDI2IDE2LjE5Mjg5MDIsMjUuOTM5MDg2MyAxNi4zMTQ3MjE2LDI1LjgxNzI1ODkgTDIwLDIyLjE2MjQzNjUgTDIzLjY1NDgyMzUsMjUuODE3MjU4OSBDMjMuNzc2NjUxLDI1LjkzOTA4NjMgMjMuOTE4NzgxNywyNiAyNC4wODEyMTk2LDI2IEMyNC4yNDM2NTc1LDI2IDI0LjM4NTc4ODIsMjUuOTM5MDg2MyAyNC41MDc2MTU3LDI1LjgxNzI1ODkgTDI1LjgxNzI2MjcsMjQuNTM4MDcxMSBDMjUuOTM5MDkwMiwyNC40MTYyNDM3IDI2LDI0LjI2OTAzNzIgMjYsMjQuMDk2NDQ3NyBDMjYsMjMuOTIzODU4MiAyNS45MzkwOTAyLDIzLjc3NjY1MTcgMjUuODE3MjYyNywyMy42NTQ4MjQzIEwyMi4xMzE5ODA0LDIwLjAwMDAwMTkgTDI1LjgxNzI2MjcsMTYuMzQ1MTc5NiBaIiBpZD0iUGF0aCIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat 0 50%;
}
.c-message--info{
background:#20A0FF url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDQwIDQwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzOS4xICgzMTcyMCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+aWNvbl9pbmZvPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IkVsZW1lbnQtZ3VpZGVsaW5lLXYwLjIuNCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik1lc3NhZ2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MC4wMDAwMDAsIC0xNTIuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLluKblgL7lkJFf5L+h5oGvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MC4wMDAwMDAsIDE1Mi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJSZWN0YW5nbGUtMiI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Imljb25faW5mbyI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMiIgZmlsbD0iIzUwQkZGRiIgeD0iMCIgeT0iMCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIj48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMS42MTUzODQ2LDI2LjU0MzIwOTkgQzIxLjYxNTM4NDYsMjYuOTQ3ODc1MSAyMS40NTgzMzQ4LDI3LjI5MTgzNjggMjEuMTQ0MjMwOCwyNy41NzUxMDI5IEMyMC44MzAxMjY4LDI3Ljg1ODM2ODkgMjAuNDQ4NzE5NCwyOCAyMCwyOCBDMTkuNTUxMjgwNiwyOCAxOS4xNjk4NzMyLDI3Ljg1ODM2ODkgMTguODU1NzY5MiwyNy41NzUxMDI5IEMxOC41NDE2NjUyLDI3LjI5MTgzNjggMTguMzg0NjE1NCwyNi45NDc4NzUxIDE4LjM4NDYxNTQsMjYuNTQzMjA5OSBMMTguMzg0NjE1NCwxOS43NDQ4NTYgQzE4LjM4NDYxNTQsMTkuMzQwMTkwNyAxOC41NDE2NjUyLDE4Ljk5NjIyOSAxOC44NTU3NjkyLDE4LjcxMjk2MyBDMTkuMTY5ODczMiwxOC40Mjk2OTY5IDE5LjU1MTI4MDYsMTguMjg4MDY1OCAyMCwxOC4yODgwNjU4IEMyMC40NDg3MTk0LDE4LjI4ODA2NTggMjAuODMwMTI2OCwxOC40Mjk2OTY5IDIxLjE0NDIzMDgsMTguNzEyOTYzIEMyMS40NTgzMzQ4LDE4Ljk5NjIyOSAyMS42MTUzODQ2LDE5LjM0MDE5MDcgMjEuNjE1Mzg0NiwxOS43NDQ4NTYgTDIxLjYxNTM4NDYsMjYuNTQzMjA5OSBaIE0yMCwxNS44MDQyOTgxIEMxOS40NDQ0NDI3LDE1LjgwNDI5ODEgMTguOTcyMjI0LDE1LjYxOTM2ODcgMTguNTgzMzMzMywxNS4yNDk1MDQ2IEMxOC4xOTQ0NDI3LDE0Ljg3OTY0MDYgMTgsMTQuNDMwNTI1NSAxOCwxMy45MDIxNDkxIEMxOCwxMy4zNzM3NzI2IDE4LjE5NDQ0MjcsMTIuOTI0NjU3NSAxOC41ODMzMzMzLDEyLjU1NDc5MzUgQzE4Ljk3MjIyNCwxMi4xODQ5Mjk1IDE5LjQ0NDQ0MjcsMTIgMjAsMTIgQzIwLjU1NTU1NzMsMTIgMjEuMDI3Nzc2LDEyLjE4NDkyOTUgMjEuNDE2NjY2NywxMi41NTQ3OTM1IEMyMS44MDU1NTczLDEyLjkyNDY1NzUgMjIsMTMuMzczNzcyNiAyMiwxMy45MDIxNDkxIEMyMiwxNC40MzA1MjU1IDIxLjgwNTU1NzMsMTQuODc5NjQwNiAyMS40MTY2NjY3LDE1LjI0OTUwNDYgQzIxLjAyNzc3NiwxNS42MTkzNjg3IDIwLjU1NTU1NzMsMTUuODA0Mjk4MSAyMCwxNS44MDQyOTgxIFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat 0 50%;
}
.c-message--warning{
background:#F7BA2A url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDQwIDQwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzOS4xICgzMTcyMCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+aWNvbl93YXJuaW5nPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik1lc3NhZ2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MC4wMDAwMDAsIC0yNzIuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLluKblgL7lkJFf5L+h5oGvLWNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYwLjAwMDAwMCwgMjcyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IlJlY3RhbmdsZS0yIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbl93YXJuaW5nIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yIiBmaWxsPSIjRjdCQTJBIiB4PSIwIiB5PSIwIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIxLjYxNTM4NDYsMjYuNTQzMjA5OSBDMjEuNjE1Mzg0NiwyNi45NDc4NzUxIDIxLjQ1ODMzNDgsMjcuMjkxODM2OCAyMS4xNDQyMzA4LDI3LjU3NTEwMjkgQzIwLjgzMDEyNjgsMjcuODU4MzY4OSAyMC40NDg3MTk0LDI4IDIwLDI4IEMxOS41NTEyODA2LDI4IDE5LjE2OTg3MzIsMjcuODU4MzY4OSAxOC44NTU3NjkyLDI3LjU3NTEwMjkgQzE4LjU0MTY2NTIsMjcuMjkxODM2OCAxOC4zODQ2MTU0LDI2Ljk0Nzg3NTEgMTguMzg0NjE1NCwyNi41NDMyMDk5IEwxOC4zODQ2MTU0LDE5Ljc0NDg1NiBDMTguMzg0NjE1NCwxOS4zNDAxOTA3IDE4LjU0MTY2NTIsMTguOTk2MjI5IDE4Ljg1NTc2OTIsMTguNzEyOTYzIEMxOS4xNjk4NzMyLDE4LjQyOTY5NjkgMTkuNTUxMjgwNiwxOC4yODgwNjU4IDIwLDE4LjI4ODA2NTggQzIwLjQ0ODcxOTQsMTguMjg4MDY1OCAyMC44MzAxMjY4LDE4LjQyOTY5NjkgMjEuMTQ0MjMwOCwxOC43MTI5NjMgQzIxLjQ1ODMzNDgsMTguOTk2MjI5IDIxLjYxNTM4NDYsMTkuMzQwMTkwNyAyMS42MTUzODQ2LDE5Ljc0NDg1NiBMMjEuNjE1Mzg0NiwyNi41NDMyMDk5IFogTTIwLDE1LjgwNDI5ODEgQzE5LjQ0NDQ0MjcsMTUuODA0Mjk4MSAxOC45NzIyMjQsMTUuNjE5MzY4NyAxOC41ODMzMzMzLDE1LjI0OTUwNDYgQzE4LjE5NDQ0MjcsMTQuODc5NjQwNiAxOCwxNC40MzA1MjU1IDE4LDEzLjkwMjE0OTEgQzE4LDEzLjM3Mzc3MjYgMTguMTk0NDQyNywxMi45MjQ2NTc1IDE4LjU4MzMzMzMsMTIuNTU0NzkzNSBDMTguOTcyMjI0LDEyLjE4NDkyOTUgMTkuNDQ0NDQyNywxMiAyMCwxMiBDMjAuNTU1NTU3MywxMiAyMS4wMjc3NzYsMTIuMTg0OTI5NSAyMS40MTY2NjY3LDEyLjU1NDc5MzUgQzIxLjgwNTU1NzMsMTIuOTI0NjU3NSAyMiwxMy4zNzM3NzI2IDIyLDEzLjkwMjE0OTEgQzIyLDE0LjQzMDUyNTUgMjEuODA1NTU3MywxNC44Nzk2NDA2IDIxLjQxNjY2NjcsMTUuMjQ5NTA0NiBDMjEuMDI3Nzc2LDE1LjYxOTM2ODcgMjAuNTU1NTU3MywxNS44MDQyOTgxIDIwLDE1LjgwNDI5ODEgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjRkZGRkZGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMC4wMDAwMDAsIDIwLjAwMDAwMCkgc2NhbGUoMSwgLTEpIHRyYW5zbGF0ZSgtMjAuMDAwMDAwLCAtMjAuMDAwMDAwKSAiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat 0 50%;
}
.c-message--close{
position: absolute;
right: 10px;
color: #999;
text-decoration: none;
cursor: pointer;
font-size: 30px;
top: 0;
line-height: 34px;
display: block;
height: 40px;
}
.c-message--close:hover{
color:#666;
}
@keyframes messageFadeInDown {
0% {
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0)
}
100% {
-webkit-transform: none;
transform: none
}
}
.c-message.messageFadeInDown {
-webkit-animation-duration: .6s;
animation-duration: .6s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
-webkit-animation-name: messageFadeInDown;
animation-name: messageFadeInDown;
}
@keyframes messageFadeOutUp {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
}
.c-message.messageFadeOutUp {
-webkit-animation-duration: .6s;
animation-duration: .6s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
-webkit-animation-name: messageFadeOutUp;
animation-name: messageFadeOutUp
}
/* .c-message--tip{
text-align: center;
} */Run code
Cut to clipboard
message.js
<script src="js/message.js"></script>
Run code
Cut to clipboard
/**
* 消息提示组件
*
* 1.调用
* 字符串类型参数： $.message('成功');
* 对象型参数：$.message({});
*
* 2.参数详解
* message:' 操作成功', //提示信息
time:'2000', //显示时间（默认：2s）
type:'success', //显示类型，包括4种：success.error,info,warning
showClose:false, //显示关闭按钮（默认：否）
autoClose:true, //是否自动关闭（默认：是）
*
* type:success,error,info,warning
*/
$.extend({
message: function(options) {
var defaults={
message:' 操作成功',
time:'2000',
type:'success',
showClose:false,
autoClose:true,
onClose:function(){}
};
if(typeof options === 'string'){
defaults.message=options;
}
if(typeof options === 'object'){
defaults=$.extend({},defaults,options);
}
//message模版
var templateClose=defaults.showClose?'<a class="c-message--close">×</a>':'';
var template='<div class="c-message messageFadeInDown">'+
'<i class=" c-message--icon c-message--'+defaults.type+'"></i>'+
templateClose+
'<div class="c-message--tip">'+defaults.message+'</div>'+
'</div>';
var _this=this;
var $body=$('body');
var $message=$(template);
var timer;
var closeFn,removeFn;
//关闭
closeFn=function(){
$message.addClass('messageFadeOutUp');
$message.one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend',function(){
removeFn();
})
};
//移除
removeFn=function(){
$message.remove();
defaults.onClose(defaults);
clearTimeout(timer);
};
//移除所有
$('.c-message').remove();
$body.append($message);
//居中
$message.css({
'margin-left':'-'+$message.width()/2+'px'
})
//去除动画类
$message.one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend',function(){
$message.removeClass('messageFadeInDown');
});
//点击关闭
$body.on('click','.c-message--close',function(e){
closeFn();
});
//自动关闭
if(defaults.autoClose){
timer=setTimeout(function(){
closeFn();
},defaults.time)
}
}
});Run code
Cut to clipboard
调用方式：
$('.btn-success').on('click',function(){
$.message('成功');
})
$('.btn-danger').on('click',function(){
$.message({
message:'失败提示',
type:'error'
});
})
$('.btn-warning').on('click',function(){
$.message({
message:'警告提示',
type:'warning'
});
})
$('.btn-info').on('click',function(){
$.message({
message:'信息提醒',
type:'info'
});
})Run code
Cut to clipboard
参数详解：
message:' 操作成功', //提示信息
time:'2000', //显示时间（默认：2s）
type:'success', //显示类型，包括4种：success.error,info,warning
showClose:false, //显示关闭按钮（默认：否）
autoClose:true, //是否自动关闭（默认：是）Run code
Cut to clipboard
演示完整代码
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="https://out.img.pan.lizhenqiu.com/f4064d8eb781b350f1ba7d8ecb509352">
<link rel="stylesheet" href="https://out.img.pan.lizhenqiu.com/2800e1fd28b3bd7b7e595f3c79c14a54">
<style>
/* 非组件样式 */
.btn{
margin-right:20px;
}
.p40{
padding:40px;
}
.mt20{
margin-top:20px;
}
</style>
</head>
<body>
<div class="p40">
<p>点击调用提示</p>
<button class="btn btn-success">成功提示</button>
<button class="btn btn-danger">失败提示</button>
<button class="btn btn-warning">警告提示</button>
<button class="btn btn-info">信息提醒</button>
</div>
<div class="p40">
<p>调用方式：</p>
<pre>
$('.btn-success').on('click',function(){
$.message('成功');
})
$('.btn-danger').on('click',function(){
$.message({
message:'失败提示',
type:'error'
});
})
$('.btn-warning').on('click',function(){
$.message({
message:'警告提示',
type:'warning'
});
})
$('.btn-info').on('click',function(){
$.message({
message:'信息提醒',
type:'info'
});
})
</pre>
<p class="mt20">参数详解：</p>
<pre>
message:' 操作成功', //提示信息
time:'2000', //显示时间（默认：2s）
type:'success', //显示类型，包括4种：success.error,info,warning
showClose:false, //显示关闭按钮（默认：否）
autoClose:true, //是否自动关闭（默认：是）
</pre>
</div>
<script src="https://lizhenqiu.com/templates/default/jquery.min.js"></script>
<script src="https://out.img.pan.lizhenqiu.com/622e86b9b1eee72c2a30fe3ba54df713"></script>
<script>
$(function(){
$('.btn-success').on('click',function(){
$.message('成功');
})
$('.btn-danger').on('click',function(){
$.message({
message:'失败提示',
type:'error'
});
})
$('.btn-warning').on('click',function(){
$.message({
message:'警告提示',
type:'warning'
});
})
$('.btn-info').on('click',function(){
$.message({
message:'信息提醒',
type:'info'
});
})
})
</script>
</body>
</html>
Run code
Cut to clipboard
文章：苹果手机alert弹框对话框自定义窗口去掉域名英文标题文字 发表时间：2017-11-30, 17:17:22
#779
作者：广西南宁市
问题： 系统默认的alert弹框的title会默认显示网页域名
解决办法：
（修改弹框样式）
(function() {
window.alert = function(name) {
$(".tip").css("display", "block")
$(".tip .content").html(name)
}
})()
调用：alert(name)
在页面中添加弹框元素，自定义其样式，默认隐藏
注：alert()方法重写，不能传多余参数
（仅去掉网址）
(function(){
window.alert = function(name){
var iframe = document.createElement("IFRAME");
iframe.style.display="none";
iframe.setAttribute("src", 'data:text/plain');
document.documentElement.appendChild(iframe);
window.frames[0].window.alert(name);
iframe.parentNode.removeChild(iframe);
}
})();
alert('试一试');Run code
Cut to clipboard
文章：苹果手机alert弹框对话框自定义窗口去掉域名英文标题文字 发表时间：2017-11-30, 17:00:16
<!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=utf-8" /> <title>无标题文档</title> <style> *{ margin:0; padding:0; } div{ width:520px; height:280px; position:relative; background:pink; margin:0 auto; overflow:hidden; } div ul{ width:3640px; position:absolute; left:-520px; } div ul li{ list-style:none; float:left; width:520px; height:280px; font-size:30px; text-align:center; line-height:280px; } .prev ,.next{ width:30px; height:50px; position:absolute; background:rgba(0,0,0,.4); top:115px; } .prev:hover,.next:hover{ background:rgba(0,0,0,.6); } .prev{ left:0; } .next{ right:0; } .prev:after{ content:'<'; color:#fff; line-height:50px; text-align:center; width:100%; height:100%; display:inline-block; } .next:after{ content:'>'; color:#fff; line-height:50px; text-align:center; width:100%; height:100%; display:inline-block; } div ol{ position:absolute; bottom:10px; left:50%; margin-left:-50px; background:rgba(255,255,255,.2); } div ol li{ list-style:none; float:left; color:#fff; width:10px; height:10px; border-radius:100%; background-color:#fff; overflow:hidden; text-indent:10000px; margin:0 5px; cursor:pointer; } .orange{ background-color:orange!important; } </style> </head> <body> <div id="box"> <ul> <li><img src="https://img.alicdn.com/simba/img/TB1SYOGggLD8KJjSszeSuuGRpXa.jpg" /></li> <li><img src="https://aecpm.alicdn.com/tfscom/TB1eCWYbS_I8KJjy0FoXXaFnVXa.jpg" /></li> <li><img src="https://img.alicdn.com/tfs/TB1Pp2IfDnI8KJjy0FfXXcdoVXa-520-280.png_q90_.webp" /></li> <li><img src="https://img.alicdn.com/simba/img/TB1gWrUXfTM8KJjSZFDSuultXXa.jpg" /></li> <li><img src="https://img.alicdn.com/simba/img/TB10TmIgcnI8KJjSsziSuv8QpXa.jpg" /></li> <li><img src="https://img.alicdn.com/simba/img/TB1SYOGggLD8KJjSszeSuuGRpXa.jpg" /></li> <li><img src="https://aecpm.alicdn.com/tfscom/TB1eCWYbS_I8KJjy0FoXXaFnVXa.jpg" /></li> </ul> <a class="prev" href="javascript:void(0)"></a> <a class="next"href="javascript:void(0)"></a> <ol> <li class="orange">1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ol> </div> </body> </html> <script> var ul=document.querySelector("#box ul"); var currentValue=Number(getStyle(ul,"left").replace("px","")); var li =document.querySelectorAll("#box ul li"); var width=Number(getStyle(li[0],"width").replace("px","")); var prev=document.querySelector(".prev"); var next=document.querySelector(".next"); var ol=document.querySelector("#box ol"); var oli=document.querySelectorAll("#box ol li"); function Move(obj){ var _this=this; this.decoration=obj.decoration||null; this.count=0; this.init=function(changeValue){ ul.style.left=changeValue+"px"; }; this.action=function(){ var timer=setInterval(function(){ if(_this.decoration=="left"){ _this.count-=10; currentValue-=10; }else if(_this.decoration=="right"){ _this.count+=10; currentValue+=10; } if(currentValue==0){ currentValue=-width*(li.length-2); } if(currentValue==(li.length-1)*-width){ currentValue=-width; } var index=Math.abs(currentValue/width)-1; if(index>=li.length-(2+1)){ index=parseInt(index); } _this.olmove(Math.ceil(index)); _this.init(currentValue); if(Math.abs(_this.count)==width){ clearInterval(timer); } },1) }; this.olmove=function(index){ for(var j=0;j<oli.length;j++){ oli[j].className=""; } oli[Math.ceil(index)].className="orange"; }; this.olclick=function(){ var arrays=new Array(oli.length); for(var i=0;i<oli.length;i++){ arrays[i]=-(width*(i+1)); (function(i){ oli[i].onclick=function(){ _this.olmove(i); var timer=setInterval(function(){ if(arrays[i]<currentValue){ if(currentValue-arrays[i]>width){ currentValue-=30; }else{ currentValue-=10; } }else if(arrays[i]>currentValue){ if(arrays[i]-currentValue>width){ currentValue+=30; }else{ currentValue+=10; } } if(arrays[i]==currentValue){ clearInterval(timer) } _this.init(currentValue); },1); } }(i)); } }; } function getStyle(element,attr){ if(element.currentstyle){ return element.currentstyle[attr]; }else{ return window.getComputedStyle(element,null)[attr]; } } prev.onclick=function(){ var obj={ decoration:"right", } run(obj) } next.onclick=function(){ var obj={ decoration:"left", } run(obj) } function run(obj){ var move=new Move(obj); move.action(); } var obj={} var move=new Move(obj); move.olclick(); </script>