摘要:
1.body不要写样式2.使用table进行构建3.margin,padding,display写在td上 阅读全文
摘要:
1. 取整同时转成数值型:'10.567890'|0 //结果:10 '10.567890'^0 //结果:10 -2.23456789|0 //结果:-2 ~~-2.23456789 //结果:-22. 日期转数值:vard=+newDate();//12956984167923. 类数组对象转数组:vararr=[].slice.call(arguments)4. 漂亮的随机码:Math.random().toString(16).substring(2);//14位 Math.random().toString(36).substring(2);//11位 阅读全文
摘要:
var client = function(){ //呈现引擎 var engine ={ ie : 0, gecko : 0, webkit : 0, khtml : 0, opera : 0, ver : null }; //浏览器 var browser = { ie : 0, firefox :0, safari : 0, konq :0, opera : 0, chrome... 阅读全文
摘要:
原文转自:http://hi.baidu.com/touchiyudeji/item/6aaba851842720acacc857fc在开发网页时,尽量将css放置在页面的header里,js不管是外部引入的或嵌入的js片段都应放在页面的尾部。因为页面在加载时,css加载是可以并发请求的(同页面中的图片,ie6除外),而js加载时需要等待一个js文件加载完成后才加载其他资源,为了页面的快速呈现,放置在尾部效果较好。同时由于嵌入的js片段会阻塞整个页面的呈现(外部引入js文件阻塞其他资源下载,也会阻塞该js引入位置以下的页面的内容呈现,所以要放置页面的最下面),需要利用工具来调用,如yui的YA 阅读全文
摘要:
//过滤htmlfunction filter(content) { content= content.replace(/\"/g, ""); content= content.replace(/\'/g, ""); content= content.replace(/\\/g, ""); content= content.replace(/<[^>]*>/g, ""); return content;} 阅读全文
摘要:
本文地址:http://www.lizhenwen.com/js/1141尊重版权一、新的选择器根据类名匹配元素(DOM API),返回匹配到的元素数组,无匹配则返回空的数组。javascriptvar els = document.getElementsByClassName('section');支持浏览器:IE9, FireFox 3.0+, Safari 3.2+, Chrome 4.0+, Opera 10.1+根据css选择器匹配元素(Selectors API):querySelector 和 querySelectorAll。querySelector返回匹配到 阅读全文
摘要:
//onmouseover onmouseout bugfunction contains(parentNode, childNode) { if (parentNode.contains) { return parentNode != childNode && parentNode.contains(childNode); } else { return !!(parentNode.compareDocumentPosition(childNode) & 16); }}function checkHover(e,target){ ... 阅读全文
摘要:
一个重复停止事件,通常用于判断事件是否持续执行var monitorInterval = null; function tleft(ie){ var a=ie; console.log(a) if(a=="1" ){ monitorInterval= setInterval("left()",a*200) }else{ if(monitorInterval){ clearInterval(monitorInterval); monitorInterval=null; } }} 阅读全文
摘要:
原文转自:http://www.w3cplus.com/content/css3-transformCSS3 Transform大漠2011-05-24点击:8505 css3CSS3transform92Vote up!前面我们一起学习了CSS3中的渐变、圆角、阴影等几个属性的使用,今天开始我们一起来学习有关于CSS3制作动画的几个属性:变形(transform)、转换(transition)和动画(animation)等更高级的CSS3技术。本文主要介绍的是这三个属性之中的第一个──变形transform。Transform字面上就是变形,改变的意思。在CSS3中transform主要包括 阅读全文
摘要:
JS// JavaScript Document$(document).ready(function(){ setInterval('zb()',100); })var s=0;var transformString = Modernizr.prefixed('transform');//引用插件,自动添加前缀function zb(){ var mi=$('#befor > img'); s=Number(s)+10; mi.css(transformString, 'rotateX(0deg) rotateY(0deg) rot 阅读全文