szymark-CSDN博客

转载 Html5 placeholder 兼容（不支持的浏览器ie）

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

2014-10-13 11:34:26 760

转载 Javascript 跨域表单提交状态的变相判断

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

2014-09-29 15:31:00 618

转载 web前端 js模拟id

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

2014-09-26 10:16:14 531

转载 js本地存储解决方案(localStorage与userData)

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

2014-09-12 09:56:58 636

原创获取图片宽和高

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

2014-09-04 15:21:02 728

转载 jQuery HTML5 uploader

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

2014-09-03 16:13:25 1160

转载 Eclipse 开发过程中利用 JavaRebel 提高效率

Eclipse 是 Java 语言开发过程中的利器，相比较 MyEclipse 来说免费且运行速度快。但是修改 Java 类文件后，Eclipse 会自动将修改后的文件更新到 Tomcat 应用目录下并且将系统重新启动。对于后台管理系统的开发，经常导致 session 丢失而需要重新登录，特别是比较复杂的应用重新启动也是一个漫长的等待过程。可以利用 JavaRebel 插件的特

2014-08-29 15:03:31 460

原创渐变背景

/*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

2014-02-27 17:54:55 464 2

原创获取地址栏的参数

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

2014-02-17 12:02:18 511

转载横向滚动

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

2014-02-13 15:31:54 502

转载获取地址栏中的参数

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

2014-02-12 10:53:15 474

转载 js 链接地址验证

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

2013-12-04 17:42:46 1331

转载 js 删除数组中的重复项

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

2013-11-14 14:27:24 545

转载 js 删除数组元素

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

2013-11-14 13:05:49 546

转载 HTML5 drag & drop 拖拽与拖放简介

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

2013-10-13 19:30:33 1123

转载前端开发规范文档

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

2013-10-08 23:49:51 838

转载 JS添加修改URL参数

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

2013-08-22 18:28:00 893

转载 javascript-按圆形排列DIV元素(一)---- 分析

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

2013-08-15 18:07:47 1334

转载 log4j配置

原文地址：http://www.blogjava.net/zJun/archive/2006/06/28/55511.htmlLog4J的配置文件(Configuration File)就是用来设置记录器的级别、存放器和布局的，它可接key=value格式的设置或xml格式的设置信息。通过配置，可以创建出Log4J的运行环境。1. 配置文件Log4J配置文件的基本格式如

2013-07-14 16:35:33 447

转载 jquery 自定义插件开发

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

2013-07-05 17:23:44 656 2

转载常用正则表达式

"^\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

2013-06-27 16:09:51 454

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

2013-06-27 10:48:57 740 1

转载 JavaScript callback function 理解

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

2013-06-27 10:28:08 3412

转载 js 捕捉元素事件

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

2013-06-27 10:04:24 718

转载配置文件WEB-INF/urlrewrite.xml

1. DTD约束 PUBLIC "-//tuckey.org//DTD UrlRewrite 3.0//EN" "http://tuckey.org/res/dtds/urlrewrite3.0.dtd">2. 2.1. default-match-type(可选): 2.1.1. regex, 默认. 所有未指定match-type

2013-06-26 22:15:25 1184

原创等宽瀑布流

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

2013-06-24 11:05:15 555

转载 jQuery plugin: Validation 使用说明

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

2013-06-08 17:56:54 622

原创 css 3 常用文本属性

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

2013-06-07 22:24:16 553

翻译 css3 边框

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

2013-06-07 22:02:56 446

翻译 jquery 阻止冒泡

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

2013-06-06 22:35:28 507

翻译图片等比缩放

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

2013-06-05 17:50:03 541

原创满屏遮罩层

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

2013-06-04 17:18:13 721

原创 CSS3 word-break

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

2013-06-04 15:28:34 553

转载 webstorm 快捷键

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

2013-06-04 11:06:24 601

转载 IE7下position的z-index Bug解决方案

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

2013-06-03 18:23:35 694

转载 jsp之监听器

(1)什么是监听器?是servlet规范当中定义的一种特殊的组件，用来监听容器产生的事件并且进行相应的处理。容器会产生两大类事件： a,生命周期相关的事件:容器创建或者销毁request,session,ServletContext(servlet上下文)这些对象时产生的事件。b,绑订相关的事件：对request,session,ServletContext(servlet上下文)

2013-05-24 15:56:14 506

转载初识 JUnit 4.0

一、概要JUnit是一个Java语言的单元测试框架。Junit测试是程序员测试，即所谓白盒测试，因为程序员知道被测试的软件如何（How）完成功能和完成什么样（What）的功能。Junit是一套框架，继承TestCase类，就可以用Junit进行自动测试了。二、入门案例导入JAR包方法一：导入Eclipse或MyEclipse自带的junit测试包（项目右键 ->bui

2013-05-24 15:49:48 496

原创主流浏览器对 Jquery scrollTop 支持

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

2013-05-22 11:09:13 862

转载 inline-block 前世今生

曾几何时，display:inline-block 已经深入「大街小巷」，随处可见「display:inline-block; *display:inline; *zoom:1; 」这样的代码。如今现代浏览器已经全面支持这个属性值了，上面的代码只是为了兼容 IE6、7 而已。那么你真的了解 inline-block 了吗？本文将带你深入剖析该属性值的前世今生，让你更好的理解和运用 inline-

2013-05-22 09:54:08 467