#1901
展开↯#1902
作者：广西南宁市
Mac下常用按键符号⌘（command）、⌥（option）、⇧（shift）、⇪（caps lock）、⌃（control）、↩（return）、⌅（enter）Run code
Cut to clipboard
文章：常用html、demo代码 发表时间：2017-03-10, 14:57:25
#1903
作者：广西南宁市
服务条款html模板代码
<!DOCTYPE html>
<html>
<title>服务条款</title>
<meta charset="utf-8">
<meta name="renderer" content="webkit" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<meta name="description" content="石墨文档是一款轻便、简洁的在线协作文档工具，PC端和移动端全覆盖，支持多人同时对文档编辑和评论，让你与他人轻松完成协作撰稿、方案讨论、会议记录和资料共享等工作。">
<meta name="keywords" content="在线协作文档,在线文档编辑,在线协作编辑,协同编辑,多人编辑,团队协作工具,文档管理工具,文档协作,文件存储,文件共享,协作办公,SAAS,云协作,google docs,在线office">
<meta name="google" value="notranslate" />
<!--[if lte IE 9]>
<meta http-equiv="refresh" content="0;url=/browser">
<![endif]-->
<link id="favicon-link" rel="shortcut icon" href="https://dn-shimo-assets.qbox.me/favicon.ico">
<script>
var _czc = _czc || [];
_czc.push(["_setAccount", "1253139981"]);
</script>
<link rel="stylesheet" type="text/css" href="https://assets-cdn.shimo.im/assets/styles/agreement-6c6fa979fd.css">
<body id="agree-view" class="container agree-view">
<div class="header">
<a class="logo-22" href="/"></a>
</div>
<div class="content">
<h1>服务条款</h1>
<h3>生效日期：2015年5月22日</h3>
<p>欢迎来到石墨！</p><br>
<p>石墨是由武汉初心科技有限公司（下称“初心科技”）提供的互联网软件服务。本服务条款（下称“服务条款”）是您与初心科技之间关于您（“您”或“用户”）访问和使用石墨以及初心科技提供的其他服务（下称“服务”）的主要协议。您注册、登录石墨和/或使用初心科技提供的服务，即表示您同意接受服务条款。因此，敬请仔细阅读。</p><br>
<p>初心科技有权不时地对服务条款做任何修改和补充，并在石墨网站上公布。通常情况下（例如当需要进行修改或补充以满足适用法律要求时），对服务条款的修改和补充将在公布时立即生效。您继续访问和使用石墨即视为您接受修订后的服务条款。否则，您有权通过停止访问石墨且拒绝使用服务、删除您在石墨上的信息和帐户等方式来终止服务条款。</p><br>
<p>如果您代表某个机构而非您个人注册、登录和使用石墨和/或我们其他的服务，则您将被认为获得充分授权代表该机构同意本服务条款以及服务条款不时的修改和补充。</p>
<h2>1.服务内容</h2>
<p>石墨的具体服务由初心科技根据实际情况提供，例如个人信息、个人分享信息以及评论、在线协作等。通过它们，您可以在多台计算机、手机终端、平板电脑等设备和系统上做许多精彩的事。</p><br>
<p>根据实际需要和初心科技不时提供的其他服务内容，初心科技可能与您另行签订其他协议。同时，即使未另行签订其他协议，您使用石墨的具体服务也将被视为您同意初心科技关于该等具体服务的任何要求。如果其他协议和本条款之间存在冲突，应以其他协议为准，但以该冲突和与该协议特定事宜相关为限。</p><br>
<p>初心科技保留随时变更、中止或终止部分免费服务的权利，并保留根据实际情况随时调整石墨提供的服务种类、形式。初心科技不承担因石墨提供的任何免费服务的调整给您造成的损失。尽管有本条约定，初心科技有权在未来恰当的时机对该等免费服务内容收取相应的服务费用。初心科技保留随时终止向您提供的收费服务的权利，并保留根据实际情况随时调整石墨提供的收费服务种类和形式。如果初心科技终止提供某项收费服务，初心科技的义务仅在于向您返还您尚未使用的服务期对应的部分费用。但无论如何，初心科技将尽合理的努力给您预留合理的时间以便您为该等服务变更、中止或终止做出应对。</p>
<h2>2.注册</h2>
<p>为了能访问石墨和使用服务，您同意以下事项：依石墨网站注册提示填写准确的、真实的注册邮箱、密码和名称，并确保今后更新的登录邮箱、名称、头像等资料的有效性和合法性。若您提供任何违法、虚假、不道德或初心科技认为不适合在石墨上展示的资料；或者初心科技有理由怀疑您的资料属于病毒程序或恶意操作；或者您违反本服务条款的规定；或者未经初心科技同意，将石墨用于商业目的，初心科技有权暂停或终止您的帐号，并拒绝您于现在和未来使用服务之全部或任何部分。</p><br>
<p>尽管有前述规定，初心科技无义务对任何用户的任何登记资料承担任何责任，包括但不限于鉴别、核实任何登记资料的真实性、准确性、完整性、适用性及/或是否为最新资料的责任。同时，初心科技建议您妥善保管您的注册邮箱、密码和名称，准确输入该等信息将作为您访问登录石墨并享有服务的关键环节。如果您发现有人未经授权使用您的帐户信息或怀疑任何人未经授权可能能够访问您的私有内容，您应立即更改密码，并向我们反馈。如果您提供的信息不正确或您未能确保您的帐户信息的安全而造成任何损失或损害，初心科技不承担任何责任。</p>
<h2>3.内容使用权</h2>
<p>用户在石墨上发表的内容（包含但不限于石墨目前各产品功能里的内容）仅表明其个人的立场和观点，并不代表初心科技的立场或观点。作为内容的发表者，需自行对所发表的内容负责，因所发表内容引发的一切纠纷，由该内容的发表者承担全部法律责任及连带责任，初心科技不承担任何法律责任及连带责任。用户在石墨发布侵犯他人知识产权或其他合法权益的内容，石墨有权利但无义务予以删除并保留移交司法机关处理的权利。无论是否删除或意见司法机关处理，石墨均不承担任何法律责任及连带责任。</p><br>
<p>用户不得使用石墨服务发送或传播敏感信息和违反国家法律制度的信息，包括但不限于下列信息：</p>
<ul>
<li>反对宪法所确定的基本原则的；</li>
<li>危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的；</li>
<li>损害国家荣誉和利益的；</li>
<li>煽动民族仇恨、民族歧视，破坏民族团结的；</li>
<li>破坏国家宗教政策，宣扬邪教和封建迷信的；</li>
<li>散布谣言，扰乱社会秩序，破坏社会稳定的；</li>
<li>散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的；</li>
<li>侮辱或者诽谤他人，侵害他人合法权益的；</li>
<li>含有法律、行政法规禁止的其他内容的。</li>
</ul><br>
<p>用户承诺发表言论要：爱国、守法、自律、真实、文明。不传播任何非法的、骚扰性的、中伤他人的、辱骂性的、恐吓性的、伤害性的、庸俗的，淫秽的、危害国家安全的、泄露国家机密的、破坏国家宗教政策和民族团结的以及其它违反法律法规及政策的内容。若用户的行为不符合以上提到的服务条款，石墨将作出独立判断立即暂停或终止用户的服务帐号。用户需对自己在网上的行为承担法律责任，石墨不承担任何法律责任及连带责任。</p>
<h2>4.版权</h2>
<p>石墨的外观设计、计算机代码与专利等均归初心科技所有。未经初心科技事先书面许可，您不能复制、拷贝、或者使用任何部分的代码和外观设计。</p>
<h2>5.隐私政策</h2>
<p>使用石墨和初心科技提供的服务，即表示您同意初心科技合法收集和使用有关您及您所使用服务的技术性或诊断性信息。收集到的这些信息将用于改进石墨产品的内容和技术，提升石墨的服务品质。</p><br>
<p>初心科技不会将您的信息和内容提供或出售给其他的组织或个人，但以下情况除外：</p>
<ul>
<li>您的事先同意或授权，或您于石墨上主动与第三方进行分享操作；</li>
<li>司法机关或有权政府机构或任何法律法规部门规章要求初心科技提供该等信息；</li>
<li>您违反了本服务条款，且初心科技需要向第三方提供的。</li>
</ul>
<h2>6.数据安全</h2>
<p>初心科技将尽合理的努力保护您的信息安全，并为此采取合理的数据传输、存储、转换等预防保护措施。但是，互联网数据传输、存储、转换均可能存在一定未知且不确定的数据安全风险，该等风险将导致包括但不限于数据丢失、泄露、损坏、无法读取或提取等后果。您确认，您已明确知晓并同意接受该等因互联网引发的风险和后果，并已采取恰当的措施（例如数据备份等），以便在该等风险发生时将损失降至最低。</p><br>
<p>因互联网技术本身等非初心科技主观故意或重大过失导致危害您数据安全的，初心科技不承担任何赔偿责任。因初心科技重大过失危害您数据安全的，初心科技的赔偿责任以向您收取的服务费用为上限。</p>
<h2>7.免责声明</h2>
<p>一旦您注册成为用户即表示您与初心科技达成协议，完全接受本服务条款项下的全部条款。对免责声明的解释、修改及更新权均属于初心科技所有。</p>
<ul>
<li>由于您将用户密码告知他人或与他人共享注册帐户，由此导致的任何个人信息的泄漏，或其他非因初心科技原因导致的个人信息的泄漏，初心科技不承担任何法律责任；</li>
<li>任何第三方根据初心科技各服务条款及声明中所列明的情况使用您的个人信息，由此所产生的纠纷，初心科技不承担任何法律责任以及连带责任；</li>
<li>任何由于黑客攻击、电脑病毒侵入或政府管制而造成的暂时性网站关闭，初心科技不承担任何法律责任；</li>
<li>我们鼓励用户充分利用石墨自由地发布和共享自己的信息。您可以自由发布文字、图片等内容，但这些内容必须位于公共领域内，或者您拥有这些内容的使用权。同时，用户不应在自己的个人主页或石墨的任何其他地方发布受版权保护的内容；</li>
<li>用户在石墨发布侵犯他人知识产权或其他合法权益的内容，初心科技有权予以删除，并保留移交司法机关处理的权利；</li>
<li>用户对于自己创作并在石墨上发布的合法内容依法享有著作权及其他相关权利；</li>
<li>互联网是一个开放平台，用户将图片等资料上传到互联网上，有可能会被其他组织或个人复制、转载、擅改或做其它非法用途，用户必须充分意识到此类风险的存在。用户明确同意使用初心科技服务所存在的风险将完全由用户自己承担；因用户使用初心科技服务而产生的一切后果也由用户自己承担，初心科技对用户不承担任何责任。</li>
</ul>
<h2>8.服务变更/中断/终止</h2>
<p>如因系统维护或升级的需要而暂停网络服务、调整服务功能的，初心科技将尽可能事先在网站上进行通告。</p><br>
<p>如发生下列任何一种情形，初心科技有权单方面中断或终止向用户提供服务而无需通知用户：</p>
<ul>
<li>用户提供的个人资料不真实；</li>
<li>用户违反本服务条款中规定的使用规则；</li>
<li>未经初心科技同意，将石墨用于商业目的。</li>
</ul>
<h2>9.服务条款的完善和修改</h2>
<p>初心科技有权根据互联网的发展和中华人民共和国有关法律、法规的变化，不时地完善和修改初心科技服务条款。初心科技保留随时修改服务条款的权利，用户在使用初心科技的服务时，有必要对最新的初心科技服务条款进行仔细阅读和重新确认，当发生相关争议时，以最新的服务条款为准。</p>
<h2>10.特别约定</h2>
<p>本服务条款及其下的服务受中华人民共和国法律管辖，并按之解释。</p><br>
<p>用户使用本服务的行为若有任何违反国家法律法规或侵犯任何第三方合法权益的情形，初心科技有权直接删除该等违反规定的信息，并可以暂停或终止向该用户提供服务。</p><br>
<p>若用户利用本服务从事任何违法或侵权行为，由用户自行承担全部责任，初心科技不承担任何法律责任及连带责任。因此给初心科技或任何第三方造成任何损失的，用户应负责全额赔偿。</p>
<h3>用户在此特别声明并承诺，用户已充分注意本服务协议内免除或限制初心科技责任的条款，用户完全知晓和理解该等条款的规定并同意接受。</h3>
<h2>11.联系我们</h2>
<p>欢迎您对我们的服务条款提出意见。如有任何问题、意见或疑虑，请发邮件至support@shimo.im 此电子邮件地址作为本服务条款的组成部分可能会不时进行更新。</p>
<p class="t40">©武汉初心科技有限公司保留一切权利。</p>
</div>
<div class="hide" style="display:none;">
<script>
if(typeof $ !== 'undefined') {
$.ajaxSetup({
beforeSend: function (xhr, settings) {
if (settings.type === 'POST') {
xhr.setRequestHeader('X-CSRF-Token', 'uhcKmtfn-TFlthQBrTzunWhbTbgvFaQba4fA');
}
}
});
}
</script>
<script type="text/javascript">
// shimo.im GA
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//dn-shimo-shimo.qbox.me/analytics.js','ga');
setTimeout(function() {
ga('create', 'UA-43712177-2', 'auto');
ga('send', 'pageview');
}, 1000);
</script>
<script type='text/javascript'>
// growingIO
var _vds = _vds || [];
window._vds = _vds;
(function(){
_vds.push(['setAccountId', 'ef6b2b07b37f413b8c5e5d7b4bc88923']);
var currentUser = window.cow.currentUser;
if (currentUser && currentUser.id > 0) {
_vds.push(['setCS1', 'user_id', currentUser.id]);
_vds.push(['setCS2', 'email', currentUser.email]);
_vds.push(['setCS3', 'name', currentUser.name]);
_vds.push(['setCS4', 'membership', currentUser.accountType]);
_vds.push(['setCS5', 'team_id', currentUser.team_id]);
_vds.push(['setCS6', 'isOfficial', currentUser.isOfficial]);
_vds.push(['setCS7', 'register_time', currentUser.createdAt]);
}
(function() {
var vds = document.createElement('script');
vds.type='text/javascript';
vds.async = true;
vds.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'dn-growing.qbox.me/vds.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(vds, s);
})();
})();
</script>
<script>
// 用于帮助 GA 检测各种奇奇怪怪的浏览器
// 参考：http://jeffshow.com/get-more-precise-browser-info-in-google-analytics.html
var browserName = "Other";
var ua = window.navigator.userAgent;
browserRegExp = {
Sogou : /SE\s2\.X|SogouMobileBrowser/,
Explorer2345 : /2345Explorer|2345chrome|Mb2345Browser/,
Liebao : /LBBROWSER/,
QQBrowser : /QQBrowser/,
Baidu : /BIDUBrowser|baidubrowser|BaiduHD/,
UC : /UBrowser|UCBrowser|UCWEB/,
MiuiBrowser : /MiuiBrowser/,
Wechat : /MicroMessenger/,
MobileQQ : /Mobile\/\w{5,}\sQQ\/(\d+[\.\d]+)/,
Shoujibaidu : /baiduboxapp/,
Firefox : /Firefox/,
Maxthon : /Maxthon/,
Se360 : /360SE/,
Ee360 : /360EE/,
TheWorld : /TheWorld/,
Weibo : /__weibo__/,
NokiaBrowser : /NokiaBrowser/,
Opera : /Opera|OPR\/(\d+[\.\d]+)/,
Edge : /Edge/,
AndroidBrowser : /Android.*Mobile\sSafari|Android\/(\d[\.\d]+)\sRelease\/(\d[\.\d]+)\sBrowser\/AppleWebKit(\d[\.\d]+)/i,
IE : /Trident|MSIE/,
Chrome : /Chrome|CriOS/,
Safari : /Version[|\/]([\w.]+)(\s\w.+)?\s?Safari|like\sGecko\)\sMobile\/\w{3,}$/,
};
for (var i in browserRegExp) {
if (browserRegExp[i].exec(ua)) {
browserName = i;
break;
}
}
if (typeof window.ga !== 'undefined') {
window.ga('set', 'dimension3', browserName);
}
</script>
</div>
</body>
</html>Run code
Cut to clipboard
文章：常用html、demo代码 发表时间：2017-03-08, 17:50:06
#1904
作者：广西南宁市
404错误html页面模板
<style>#box_404 {width: 476px;margin: 0 auto;padding-top: 300px;background: url(https://out.img.pan.lizhenqiu.com/7cfa8f535ebef506c52d7f155e76d7381488966070000) no-repeat;
}#title_404 {width: 500px;margin-left: 0;}a {text-decoration: none;color: #21B1C4;}h1 {font-size: 1.835em;margin-bottom: 10px;color: #ABC469;
}.title {height: 40px;width: 425px;margin-left: 15px;position: relative;overflow: hidden;clear: both;}</style><div id="box_404"><h1 id="title_404" class="title"><span></span>对不起，你访问的页面出了问题。。。。</h1> <p><a href="https://lizhenqiu.com/">返回首页</a></p> </div>Run code
Cut to clipboard
文章：常用html、demo代码 发表时间：2017-03-08, 17:48:16
#1905
作者：广西南宁市
简单拖曵原理实例
<script>
function bigimg(srcs,tt){
if(!srcs) var srcs='35574339ab3c813';
//页面层
layer.open({
title:'<i class="fi-flag" style="font-size: 18px;margin-right:10px;"></i>'+tt+'<span style="font-size: 12px;margin-left:10px;color:green;"><i class="fi-lightbulb"></i>滚动鼠标放大缩小 按住左键拖动</span>',
move: false,
type: 2,
//scrollbar: false,
skin: 'layui-layer-rim', //加上边框
area: ['100%', '100%'], //宽高
content: 'img.php?srcs='+srcs
});
//immmms()();
}</script>Run code
Cut to clipboard
<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>简单拖曵原理实例</title>
<style type="text/css">
#drag{width:400px;height:300px;background:url(http://upload.yxgz.cn/uploadfile/2009/0513/20090513052611873.jpg);position:absolute;top:100px;left:100px;border:solid 1px #ccc;}
h2{color:#fff;background: none repeat scroll 0 0 rgba(16, 90, 31, 0.7);color:#FFFFFF;height:40px;line-height:40px;margin:0;}
</style>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript">
</script>
</head>
<body>
<div id="drag">
<h2>来拖动我啊</h2>
</div>
</body>
</html>Run code
Cut to clipboard
js鼠标滚动图片等比例缩放代码
图片鼠标滚轮放大效果
<!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>js鼠标滚动图片等比例缩放代码</title>
<style type="text/css">
img{
position: absolute;
left:400px;
top: 100px;
}
</style>
<script type="text/javascript" src="wheel.js"></script>
<script type="text/javascript">
window.onload=function (){
//var oImg=document.getElementsByTagName("img")[0];
var oImg=document.getElementById('imgjjjjs');
fnWheel(oImg,function (down,oEvent){
var oldWidth=this.offsetWidth;
var oldHeight=this.offsetHeight;
var oldLeft=this.offsetLeft;
var oldTop=this.offsetTop;
var scaleX=(oEvent.clientX-oldLeft)/oldWidth;//比例
var scaleY=(oEvent.clientY-oldTop)/oldHeight;
if (down){
this.style.width=this.offsetWidth*0.9+"px";
this.style.height=this.offsetHeight*0.9+"px";
}
else{
this.style.width=this.offsetWidth*1.1+"px";
this.style.height=this.offsetHeight*1.1+"px";
}
var newWidth=this.offsetWidth;
var newHeight=this.offsetHeight;
this.style.left=oldLeft-scaleX*(newWidth-oldWidth)+"px";
this.style.top=oldTop-scaleY*(newHeight-oldHeight)+"px";
});
}
</script>
</head>
<body>
<div><img src="http://li.img.pan.lizhenqiu.com/f07ac1c21c09a4b8d99446b1137560a7.jpg" alt="" width="300" id="imgjjjjs"></div>
</body>
</html>
Run code
Cut to clipboard
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="wheel.js"></script>
<style>
*{padding:0px;margin:0px;}
.classsss{padding-top:2.5%;text-align: center;/*background: url(5-130H2191322-52.gif);*/width: 100%;height: 100%;/*background-repeat: no-repeat;background-position: center 20%;*/}
.classssooo{max-width:95%;padding-bottom:2.5%;}
#drag{
cursor:move;
/*position: absolute;
top:0px;
left:0px;*/
}
</style>
</head>
<body>
<div id="dragdrag" class="classsss">
<img id="drag" src="u/<?php echo $_GET['srcs'];?>.jpg" class="classssooo" />
</div>
<script type="text/javascript">
niii=0;
window.onload=function (){
//var oImg=document.getElementsByTagName("img")[0];
var oImg=document.getElementById('drag');
//alert(oImg.offsetWidth);
/*niii=0;
if(!niii){
niii=1;
$('#drag').css({'top':'2.5%','left':'50%','marginLeft':'-'+(oImg.offsetWidth/2)+'px','position':'absolute'});
}*/
fnWheel(oImg,function (down,oEvent){
var oldWidth=this.offsetWidth;
var oldHeight=this.offsetHeight;
var oldLeft=this.offsetLeft;
var oldTop=this.offsetTop;
if(!niii){
$("#dragdrag").removeClass('classsss');
$("#drag").removeClass('classssooo');
$('#drag').css({'position':'absolute'});
//oldTop='2.5%';
}
niii=1;
var scaleX=(oEvent.clientX-oldLeft)/oldWidth;//比例
var scaleY=(oEvent.clientY-oldTop)/oldHeight;
if (down){
//$("div").removeClass('classsss');
//$("img").removeClass('classssooo');
this.style.width=this.offsetWidth*0.9+"px";
this.style.height=this.offsetHeight*0.9+"px";
/*var newWidthsss=this.offsetWidth*0.9;
var newHeightsss=this.offsetHeight*0.9;*/
}
else{
//$("div").removeClass('classsss');
//$("img").removeClass('classssooo');
this.style.width=this.offsetWidth*1.1+"px";
this.style.height=this.offsetHeight*1.1+"px";
/*var newWidthsss=this.offsetWidth*1.1;
var newHeightsss=this.offsetHeight*1.1;*/
}
var newWidth=this.offsetWidth;
var newHeight=this.offsetHeight;
/*if(newWidthsss>document.getElementById('fdasfdasfdsa').offsetWidth){
$("div").removeClass('classsss');
$("img").removeClass('classssooo');
}*/
this.style.left=oldLeft-scaleX*(newWidth-oldWidth)+"px";
this.style.top=oldTop-scaleY*(newHeight-oldHeight)+"px";
});
}
$(function(){
/*--------------拖曳效果----------------
*原理：标记拖曳状态dragging ,坐标位置iX, iY
* mousedown:fn(){dragging = true, 记录起始坐标位置，设置鼠标捕获}
* mouseover:fn(){判断如果dragging = true, 则当前坐标位置 - 记录起始坐标位置，绝对定位的元素获得差值}
* mouseup:fn(){dragging = false, 释放鼠标捕获，防止冒泡}
*/
var dragging = false;
var iX, iY;
$("#drag").mousedown(function(e) {
dragging = true;
iX = e.clientX - this.offsetLeft;
iY = e.clientY - this.offsetTop;
this.setCapture && this.setCapture();
return false;
});
document.onmousemove = function(e) {
if (dragging) {
var e = e || window.event;
var oX = e.clientX - iX;
var oY = e.clientY - iY;
$("#drag").css({"left":oX + "px", "top":oY + "px"});
if(!niii){
$("#dragdrag").removeClass('classsss');
$("#drag").removeClass('classssooo');
$('#drag').css({'position':'absolute'});
//oldTop='2.5%';
}
niii=1;
return false;
}
};
$(document).mouseup(function(e) {
dragging = false;
$("#drag")[0].ReleaseCapture && $("#drag")[0].ReleaseCapture();
e.cancelBubble = true;
})
})
</script>
</body>
</html>Run code
Cut to clipboard
文章：jquery简单的拖动效果 发表时间：2017-03-08, 09:27:33
#1907
作者：广西南宁市
百度，腾讯，360没一个好鸟
作为一名用户，真心感受是：既然无论选择谁都要被强奸，唯有选一个温柔一点的
作为一名用户，真心感受是：既然无论选择谁都要被强奸，唯有选一个温柔一点的
文章：街上如果看到两个姑娘向你走来，可要小心 发表时间：2017-03-06, 09:57:29
#1910
作者：广西南宁市
var_dump打印出来格式太乱 怎么调，美化php调式代码debug格式化数组打印输出
文章：自定义数组格式化输出函数（dump），调试程序时很有用 发表时间：2017-03-04, 17:45:35
#1911
作者：广西南宁市
echo "<pre>";
print_r($res);
echo "</pre>";Run code
Cut to clipboard
如果你想完全保留原有数组并只想新的数组附加到后面，用 + 运算符：
<?php
$array1 = array();
$array2 = array(1 => "data");
$result = $array1 + $array2;
?>Run code
Cut to clipboard
数字键名将被保留从而原来的关联保持不变。
文章：自定义数组格式化输出函数（dump），调试程序时很有用 发表时间：2017-03-04, 17:44:20
#1914
展开↯#1916
作者：广西南宁市
eot - application/vnd.ms-fontobject
ttf ttc - application/x-font-ttf
otf - font/opentype
woff - application/x-font-woff
svg - image/svg+xml Run code
Cut to clipboard
文章：web服务器字体.svg/.woff/.woff2 404异常解决方案 发表时间：2017-03-04, 14:11:51
#1918
作者：广西南宁市
Html、js代码在线运行源码 html实体转换字符，编辑器运行html
文章：jQuery判断当前元素是第几个元素&获取第N个元素 发表时间：2017-03-03, 15:43:07
#1919
作者：广西南宁市
JS Replace 全部替换字符 用法
<script language="javascript">
var r= "1\n2\n3\n";
//将字母\n替换成分号
alert(r.replace("\n",";"));
结果：1;2\n3\n 只替换了第一个
</script>
<script language="javascript">
var r= "1\n2\n3\n";
//将字母\n替换成分号
alert(r.replace(/\n/g, ";"));
结果：1;2;3; replace 的第一个参数可以是正则表达式，/g标识全文匹配。
</script>Run code
Cut to clipboard
文章：jQuery判断当前元素是第几个元素&获取第N个元素 发表时间：2017-03-03, 15:34:05
Mac下常用按键符号⌘（command）、⌥（option）、⇧（shift）、⇪（caps lock）、⌃（control）、↩（return）、⌅（enter）