随笔分类 - JavaScript&Jquery
摘要:点击查看效果1、页面结构: 城市拼音: 拼音支持首字母输入 A-E F...
阅读全文
摘要:1、循环滑动效果(先看效果) 2、如何布局(以下是我的思路) 5 1 2 3 4 5 ...
阅读全文
摘要:1、 嘎嘎夏天到了!最近同事分享我一个案例,说这效果不错,看看我能不能实现 ( 鄙人后台程序员,热爱前端,前端是女人的外貌; 后台是女人的内涵) 我们先从外貌说起,看原始案例的效果 外貌看起来 很简洁,主题很明确,效果也很流畅,还算比较炫吧,我一下就喜欢她了!刚开始我以为她的内涵可能是css3...
阅读全文
摘要:1.啥也不说看看标题中的那些名企的效果2.具体实现过程(晚上详细解释具体实现细节,先贴出代码) var disX = 0; var initLeft = 0; oUl.addEventListener('touchstart', function (e...
阅读全文
摘要:手机网站母亲节最火的两件事1.NBA 杜兰特在获MVP催泪致辞献给母亲:她才是真的MVP。 2.QQ空间长图 --------------------------------------------------------------------------------------------今天的...
阅读全文
摘要:1、给对象添加事件attachEvent(兼容IE,不兼容ff、chrome) 事件绑定 不兼容FF、chrome 2、兼容FF、chrome(IE9及以上也兼容) 事件绑定 3、兼容FF、chrome、ie 事件绑定 4、封装起来 事件绑定 5、小小模拟jquery $(function () { alert("sss"); }); function $(paramArgs) { return new myQuery(paramArgs)...
阅读全文
摘要:1 //eval就是计算字符串【可以放任何js代码】里的值 2 1、 var str1='12+3'; 3 eval(str1);//15 4 5 2、 var str2='[1,2,3]'; 6 eval(str2[0]);//1 7 8 3、eval('alert("abc")');//弹出abc 9 10 4、var str="function show(){alert('love you');}";11 eval(str);12 show();13 14 5、eval--->j
阅读全文
摘要:1 function TuziAjax(reqType,url,fnoK, fnFail) 2 { 3 var xmlHttp = null; 4 if (window.XMLHttpRequest) { 5 xmlHttp = new XMLHttpRequest(); 6 } 7 else { 8 xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");//兼容IE6 9 }10 //连接服务器 open(提交方法,url,是否异步);11 xmlHttp...
阅读全文
摘要:<script src="../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> <!--读取数据库,以json的格式输出,然后复制json数据,创建js文件--> <script src="json/CityJson.js" type="text/javascript"></script> <script src="json/ProJson.js" typ
阅读全文
摘要:<script type="text/javascript"> //1、数组的定义 var arr=[1,2,3,4];//第一种 //var arr=new Array(1,2,3,4);// alert(arr);//1,2,3,4// arr.length=2;// alert(arr);//1,2// arr.length=5;// alert(arr);//1,2,3,4, // alert(arr[4]);//undefined //快速清空数组arr.length=0; //【CRUD】 arr...
阅读全文
摘要:1、什么是闭包 -- 函数嵌套函数 -- 内部函数可以引用外部函数的参数和变量 -- 参数和变量不会被垃圾回收机制回收 2、闭包的好处 --希望一个变量长期驻扎在内存当中,避免全局变量的污染//2.1没有使用闭包 var girlAge=23; function IncAge() { girlAge++; alert("短发美女的芳龄是:"+girlAge); } //IncAge();//24 //IncAge();//25 function IncAge2() { ...
阅读全文
摘要:先看图 1:前端HTML<body> <div id="rank"> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> <p>一般</p> <p id="pf"></p> </div> </body>2:JS实现 demo <script t
阅读全文