随笔分类 - JS DEMO学习系列
求知成瘾,该有作品
摘要://不同浏览器图片加载判断 p.loadImgVerify = function(oimg,fn){ //载入发起请求 加入JS单线程队列事件(当状态满足时候执行些事件) if (qp_shared.IsIE && oimg.readyState != "com...
阅读全文
摘要:Winners are not those who never fail but those who never quit成功者不是从不失败,而是从不放弃Winners are not those who never fail but those who never quit成功者不是从不失败,而是...
阅读全文
摘要://文档碎片:类似一个临时的文档,要所有要加的dom元素先放在这里,达到不要每次操作dom元素提高页面效率 var d1 = new Date(); //创建十个段落,常规的方式 for(var i = 0 ; i < 1000; i ++) { var p = do...
阅读全文
摘要:function Popup() { var _this = this; this.CssName = "layermask";//樣式 //遮蓋層 this.hiddLayer = function() { try{ var obj = ...
阅读全文
摘要:jquery选项卡插件制作标签标题内容slider滑动切换特效 jquery tab选项卡插件 轻量级tab选项卡插件支持鼠标滑过、点击、自动切换、数据回调等功能this.preloadIm=function(){ var b=new Array; $("a.preview").e...
阅读全文
摘要:由于正则不是很熟悉所以面对这样的目前只能采取两步走一 判断url地址是否是正确的http二判断后缀是否是图片 格式/驗證URLfunction validUrl(strUrl){ strUrl = strUrl.match(/http:\/\/.+/); alert(strUrl); ...
阅读全文
摘要:function DyLayer() { function el(id) { return document.getElementById(id); }; //加載狀態 this.LoadStatus = ""; //css名 this.CssName = "layer...
阅读全文
摘要:所谓网页换肤,就是换一种不同的样式当然也必须结合css+js操作来完成bg1.css body {background-color:black;}bg2.css body {background-color:red;} 如果要换肤只动态的改变link 的 href就好了 window.onload=function(){ document.getElementById('btnStyle1').onclick=function(){ document.getElementById('link1').href='c...
阅读全文
摘要:下面要做实现的效果收缩和展的功能遵循网页布局,行为,结构,样式 分离下面是html 结构代码: 播放列表 心雨 晴天 千里之外 对不起,我爱你 白色风车 威尼斯的泪 外婆 css 代码: *{ padding:0; margin:0;} li{ list-style:none} body{ background:#f6f9fc; } ....
阅读全文
摘要:转载自:http://www.cnblogs.com/Mygirl/archive/2012/03/30/2425832.html正常时间显示复制代码复制代码固定位置的时钟复制代码 复制代码背景时钟View Code文本框里的时钟复制代码简易时钟 复制代码按钮时钟复制代码复制代码石英钟复制代码 1 2 3 4 5 6 7 8 ...
阅读全文
摘要:首先上一张图 看下弹出层的效果从图中可以看到二部分 一是弹出层 二是遮照层弹出层:即弹出你要操作的内容遮照层:遮照住不要操作的内空实际技术原理主要是 CSS +JS (z-index是核心)CSS部分主要是 z-index (CSS定义为属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。 说白了就是 凹 凸)JS则是 weight 和 wdith 的计算,你弹出来层的大小 位置!下面是代码: 1 2 3 4 5 无标题文档 6 27 28 29 30 31 32 用户名:33 密码:34 35 36 37 38 39 40 52 53 View Code...
阅读全文