aifu8508-CSDN博客

转载 input输四隔一，类似银行账号输入

$("#ipt").bind('input propertychange',function(){ var value=$(this).val().replace(/\s/g,'').replace(/(\d{4})(?=\d)/g,"$1 "); $(this).val(value) }) 转载于:h...

2018-10-31 11:09:00 189

转载 js控制伪元素before、after

css： .asd:before{position:absolute;content:attr(data-add);}或者.asd:after{position:absolute;content:attr(data-suchen);} js： $(".asd").attr('data-add',oAddNum); 转载于:https://...

2018-09-05 16:37:00 298

转载 SVG标签属性viewbox的妙用

viewbox：可以根据父级大小缩放svg绘制出来的大小 <div class="h5_xp"> <svg viewbox="0 0 640 640" width="100%" height="100%"> <path d="M310 124 S315 140 300 134 L300 ...

2018-01-04 20:30:00 1177

转载 jquery_iframe父子级页面事件使用~

1、index.html <body topmargin='0' leftmargin='0' style="background:#ccc">　　　　//这里的属性只是为了全屏下边无间隙　　index.html <iframe src="main.html" id="indexMain" style="margin-bottom:-5px;positi...

2017-11-27 09:52:00 145

转载 canvas——Game原型逻辑流程

1.获取页面canvas，并赋予一系列初始化值（变量、常量）[可选：便于多个地方使用方便，可使用this指定]；　　　如：　　　　　　var Game = function(){ 　　　　　　　　this.canvas = document.getElementById("canvas"), 　　　　　　　　this.content = this.canvas.getCo...

2017-11-21 15:18:00 143

转载针对应用iframe下方空隙

问题：代码： <body> <iframe src="main.html" id="indexMain"></iframe> </body><script>　　//此处是给全屏设置 var oW = document.documentElement.clientWidth || doc...

2017-10-30 14:51:00 333

转载移动端canvas抗锯齿

未抗锯齿效果图：加入抗锯齿代码效果： var Game = function(){ var H = document.documentElement.clientHeight || document.body.clientHeight; var W = document.documentElement.clientW...

2017-09-18 18:56:00 170

转载弹窗封装

$(".annius").click(function(){ var scMcText = ""; scMcText += "<p>01、scMcTitle----这是标题文字</p>"; scMcText += "<p>02、scMcContent---...

2017-06-12 17:50:00 132

转载移动端陀螺仪【又叫角速度传感器】，

<html> <head> <title>DeviceOrientationEvent</title> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-w...

2017-05-05 11:08:00 349

转载【图片映射】利用map和img进行图片中位置定位事件

<div class="gototop" id="gototop"><img src="img/gototop.png" alt="" usemap="#Gototop"/></div>  <!-- 以下是table进行的位...

2017-05-04 17:48:00 411

转载每天倒计时----和-----每周倒计时~~~~

1 <script> 2 /*这是运行倒计时的 */ 3 GetServerTime(); 4 window.setInterval(GetServerTime,1000); 5 6 7 8 /*这是设置周倒计时的*/ 9 var newTimer = new Date...

2017-04-21 19:24:00 275

转载 -来-自-插-件-的-老-虎-机-！

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script type="text/javascript" src="js/jquery-2.1.3.min.js" ></script> ...

2017-04-18 10:03:00 88

转载基于JQuery的图片预加载~

html： <span class="progress"></span> js： $(function(){ /*loadingImg 图片预加载*/ var loadingImg = function(picr, callback){ ...

2017-03-29 10:38:00 85

转载关于移动端rem单位对应响应屏幕

参考京东2018年的rem单位设置(比例已经过整改)： ;(function(win) { var doc = win.document; var docEl = doc.documentElement; var ADD_STYLE = document.createElement("style"); ADD_STYLE.id = "publ...

2017-03-28 19:02:00 109

aifu8508的博客