szy494620829的专栏

var doc;        if ($.browser.msie || $.browser.opera || $.browser.mozilla) {            doc = "html";        } else {            if ($.browser.safari || $.browser.chrome) {                d

一、分析图：绿色边框内：外层的DIV元素,相对定位;白色圆形框：辅助分析的想象形状;白点：为白色圆形的圆心点，中心点，点o;圆心角：角NOG;黄色：需要按圆形排列的，绝对定位的DIV元素;红色点：为每个黄色DIV的坐标点;即绝对定位时的元素，left值 和 top值 ，设置的点二、涉及到的概念定义：2.1、弧度：弧度是角的度量单位。（红色部分

1. XHTML的编写代码规范1.1  文档类型声明及编码: 统一为html5声明类型; 编码统一为, 书写时利用IDE实现层次分明的缩进;1.2  非特殊情况下样式文件必须外链至…之间;非特殊情况下JavaScript文件必须外链至页面底部;1.3  引入样式文件或JavaScript文件时, 须略去默认类型声明, 写法如下:…1.4  引入JS库文件, 文件名须包含

转自：张鑫鑫一、前面的话HTML5提供专门的拖拽与拖放的API，以后实现这类效果就不必乱折腾了。但是，考虑到Opera浏览器似乎对此不感冒，在通用性上有待商榷，所以这里也就简单说一说。二、相关重点DataTransfer 对象：退拽对象用来传递的媒介，使用一般为Event.dataTransfer。draggable 属性：就是标签元素要设置draggable=tr

var arr=[’a',’b',’c'];若要删除其中的’b',有两种方法：1.delete方法:delete arr[1]这种方式数组长度不变,此时arr[1]变为undefined了,但是也有好处原来数组的索引也保持不变,此时要遍历数组元素可以才用for(index in arr)document.write(’arr[’+index+’]=’+arr[index])

/**返回 删除重复项后的数组**/Array.prototype.distinct=function(){    var a=[],b=[];    for(var prop in this){        var d = this[prop];        if (d===a[prop]) continue; //防止循环到prototype      

function IsURL(str_url){        var strRegex = "^((https|http|ftp|rtsp|mms)?://)"                + "?(([0-9a-z_!~*'().&=+$%-]+: )?[0-9a-z_!~*'().&=+$%-]+@)?" //ftp的user@                + "(([0-9

//地址栏参数          function getUrlParam(name) {            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");            var r = window.location.search.substr(1).match(reg);           

//滚动鼠标时 滚动横向滚动条$doc.unbind('mousewheel').bind('mousewheel', function (event) {        if ($doc.outerWidth() > $win.width()) {            if (event.deltaX === 0) {                $doc.scrollL

/*For Safari*/  background: -o-linear-gradient(right, #c9e4f1 3%, #c7c0dc 20%, #f3d1de 40%, #f6cfba 60%, #f9f7d0 80%, #cae3cc 100%);  /*For Opera 11.1 to 12.0*/  background: -moz-linear-gradient

function getParam(name){        var href=window.location.href,urlDataArr=href.split("#")[1],            val,nameLength=name.length;        if(urlDataArr.indexOf("&")>0){            var star=ur

WEB应用的快速发展，是的本地存储一些数据也成为一种重要的需求，实现的方案也有很多，最普通的就是cookie了，大家也经常都用，但是cookie的缺点是显而易见的，其他的方案比如：IE6以上的userData，Firefox下面的globalStorage，以及Flash的本地存储，除了Flash之外，其他的几个都有一些兼容性的问题。sessionStorage与localStorageW

var  delArray

//生成32位随机数    var GC_UUID=function(){        var S4=function(){            return (((1+Math.random())*0x10000)|0).toString(16).substring(1);        }        return (S4()+S4()+S4()+S4()+S4()+

分享一个HTML5的上传jQuery插件 - jQuery HTML5 uploader随着HTML5的使用越来越被大家接受，基于HTML5的技术和插件也会变得越来越广泛，今天我们介绍一款基于HTML5和jQuery的上传插件: jQuery HTML5 uploader。使用这个插件将会使得文件上传变得简单和有趣，你只需要拖拽文件到页面特定区域就可以上传文件。

// 获取图片宽和高    var getPicSize = function (path) {        var size = {            width: 0,            height: 0        };        var image = new Image();        image.src = path;       

document.testform.onsubmit = function () { document.testform.submitbtn.disabled = true; submitMonitor();}function submitMonitor () { try{ var hash = document.getElementById('tes

function ChangeParam(name, value) {        var url = window.location.href;        var newUrl = "";        var reg = new RegExp("(^|)" + name + "=([^&]*)(|$)");        var tmp = name + "=" + va

jQuery插件的开发包括两种：一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数，另一种是对象级别的插件开发，即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。1、类级别的插件开发类级别的插件开发最直接的理解就是给jQuery类添加类方法，可以理解为添加静态方法。典型

一导入js库 二、默认校验规则(1)required:true                必输字段(2)remote:"check.php"      使用ajax方法调用check.php验证输入值(3)email:true                    必须输入正确格式的电子邮件(4)url:true                        必

通常设置position后，通过z-index属性来设置div的层叠情况。但是在IE7中，设置position后，z-index会失效。导致div的层叠出现问题。具体效果可以看这个页面http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html以下分别是IE7与IE8之间的差别：请先认真看他们的HTML和CSS信息：

[html] view plaincopywebstorm快捷键收集：[html] view plaincopyAlt+回车 导入包,自动修正 [html] view plaincopyCtrl+N   查找类    Ctrl+Shift+N 查找文件    Ctrl+Alt+L  格式化代码    Ctrl+Alt+

html 代码：     小笼包子桶子鸡铁塔开封拉面烩面花生糕铁塔<a href="javascript:void(0)">小笼包子css 代码：.hostTags_list{    margin-top: 44px;    overflow: hidden;    width: 211px;}.hostTags_list a{    displ

功能介绍：        点击事件触发后，在Dom中添加一个遮罩层（页面滚动条），然后在Dom中添加要显示的内容。这样就可以满屏纯粹展示表达的内容，没有滚动条，页面效果尽可能的显示到完美！用于详细图片浏览效果最佳！兼容性：ie7+ ,chorm,safari,firefox css:body,html{    width:100%;    height:100%;}

function DrawImage(ImgD,FitWidth,FitHeight){     var image=new Image();     image.src=ImgD.src;     /*     image.width 图片原宽     image.height 图片原高     FiWidth  显示图片区域宽     FitHeight 显示图

Jquery 阻止冒泡.aa{    width:50px;    height:50px;    background-color:#ff0000;    }.bb{    width:100px;    height:100px;    background-color:#000;}    .cc{    width:200px;

一  border-radius（圆角边框）      border-radius: 10px; //复合属性     等价于：      boder-top-left-radius:10px;      boder-top-right-radius:10px;      boder-bottom-right-radius:10px;      boder-bottom

一 text-overflow (规定当文本溢出包含元素时发生的事情)    浏览器支持：所有主流浏览器    值：clip (修剪文本)            ellipsis (显示省略符号来代表被修剪的文本)            string (使用给定的字符串来代表被修剪的文本)二 word-break (规定自动换行的处理方法)     浏览器支

js(function(){    /*全局变量*/    var $_warp=$(".layout");    var $_win=$(window);    //初始化 流块    window.init=function(){        var boxs=new Array();            $.ajax({

看到segmentfault上的这个问题 JavaScript 回调函数怎么理解,觉得大家把异步和回调的概念混淆在一起了。做了回答：我觉得大家有点把回调(callback)和异步(asynchronous)的概念混淆在一起了。定义回调是什么？看维基的 Callback_(computer_programming) 条目:In computer programming

"^\d+$"　　//非负整数（正整数 + 0） "^[0-9]*[1-9][0-9]*$"　　//正整数 "^((-\d+)|(0+))$"　　//非正整数（负整数 + 0） "^-[0-9]*[1-9][0-9]*$"　　//负整数 "^-?\d+$"　　　　//整数 "^\d+(\.\d+)?$"　　//非负浮点数（正浮点数 + 0） "^(([0-9]+\.[0-9

/*捕捉鼠标滚轮事件*/var scrollFunc = function (e) {            var direct = 0;            e = e || window.event;            if (e.wheelDelta) {//IE/Opera/Chrome                userMouse(e.wheelDel

Window对象是客户端javascript最高层对象之一，只要打开浏览器窗口，不管该窗口中是否有打开的网页，当遇到BODY、FRAMESET或FRAME元素时，都会自动建立window对象的实例。另外，该对象的实例也可由window.open()方法创建。由于window对象是其它大部分对象的共同祖先，在调用window对象的方法和属性时，可以省略window对象的引用。例如：window.do

(function($) { $.fn.PlaceHolder = function(className) { var _set = function($em, opt) { for (i in opt) { switch(i) { cas