图片分割左右/上下分离效果

评论(0)浏览(703)分类:JavaScript/Ajax开发技巧
图片分割左右/上下分离效果  居于jquery的图片水平或者垂直分割后,设置左右或者上下分离效果。  图片分割左右/上下分离效果源代码如下!doctype htmltitle图片分割左右/上下分离效果/titlescript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.1.min.js/scriptstyle .slider{width:670px;height:560px;overflow:hidden;position:relative;background-repe..

Object.defineProperties参数介绍

评论(0)浏览(193)分类:JavaScript/Ajax开发技巧
Object.defineProperties参数介绍The Object.defineProperties() method defines new or modifies existing properties directly on an object, returning the object.SyntaxObject.defineProperties(obj, props)ParametersobjThe object on which to define or modify properties.propsAn object whose own enumerable properties constitute descriptors for the properties t..

javascript构造函数返回值详解

评论(0)浏览(310)分类:JavaScript/Ajax开发技巧
javascript构造函数返回值详解  在说JavaScript构造函数返回值的问题前,我们先来了解new操作符:new操作符的作用就是实例化一个用户定义的对象类型(在javascript可以称之为对象也可以称之为函数也可以称之为类),new的基本语法:new constructor[([arguments])]  其中constructor是一个函数,它定义了实例化对象的类型。arguments是constructor调用时所需的值。创建用户..

javascript解码16进制\x\u编码

评论(0)浏览(835)分类:JavaScript/Ajax开发技巧
javascript解码16进制\x\u编码  javascript解码\x\u格式的16进制编码。script function hexToString(str) { var mc = str.match(/\\x[a-z\d]{2}|\\u[a-z\d]{4}/gi); var val = ''; for (var i = 0, j = mc.length; i j; i++) { val += String.fromCharCode(parseInt(mc[i].substring(2), 16)); } return val; ..

csdn职位滚动javascript效果

评论(0)浏览(195)分类:JavaScript/Ajax开发技巧
csdn职位滚动javascript效果  csdn论坛首页职位滚动效果。style .scrollDiv{height:312px;overflow:hidden;width:180px;font-size:13px}/stylediv id=scrollDiv class=scrollDiv ul script type=text/javascript src=http://ag.csdn.net/common/getcmsad.ashx?column=2276c9c1-9162-49d1-9502-5b182b94b60ecount=1/script /ul/divscript src=http://aja..

禁止textarea拖拽更改大小

评论(0)浏览(379)分类:HTML/CSS兼容/XML
禁止textarea拖拽更改大小  textarea在高版本的Firefox,chrome等浏览器下,textarea会在右下角出现一个小图标,拖动图标可以更改textarea的大小。textarea style=width:300px;height:100px;/textarea  要想拖动textarea右下角图标更改textarea大小,可以增加resize:no属性,textarea就不可以拖动更改大小了,右下角的图标也消失不见。textarea style=width:300px;he..

uploadify:Some files were not added to the queue: The file xxx" is empty.

评论(0)浏览(1206)分类:flash/flex/fcs/AIR
uploadify:Some files were not added to the queue: The file xxx2015-8-18更新:其实是firefox自己搞的,要去掉启用adobe flash保护模式复选框,重启firefox后才行。建议firefox还是不要用uploadify,不是每个用户都会设置firefox 的shockwave flash插件这个配置。点击选项取消勾选启用adobe flash保护模式。  使用uploadify选择文件上传时,报错:Some files were not added to the queue: The file xxx is..

uploadify在firefox中无法使用生成flash对象

评论(0)浏览(830)分类:flash/flex/fcs/AIR
uploadify在firefox中无法使用生成flash对象  昨天upload在firefox下出现uploadify:Some files were not added to the queue: The file xxx is empty.错误,于是升级了flash插件解决了这个bug。但是今天重启后发现firefox下uploadify尽然不会生成flash dom对象了,显示的是原始的html dom对象,但是chrome下是好的。chrome下uploadify生成了flash对象firefox下uploadify显示的是DOM对象..

css打造下拉菜单

评论(0)浏览(291)分类:HTML/CSS兼容/XML
css打造下拉菜单  纯css写的菜单,通过:hover伪类控制子菜单的显示,ie6-不支持非连接对象的伪类,需要自己写js代码进行兼容,不过可以考虑放弃ie6了,应该没人再用了吧?!doctype htmltitle简单纯css菜单/titlestyle ul,li{list-style:none;margin:0px;padding:0px} ul.menu li{margin-left:10px;float:left;position:relative;line-height:20px}/*注意..

pdf.js如何配置语言本地化

评论(0)浏览(1627)分类:JavaScript/Ajax开发技巧
pdf.js如何配置语言本地化  pdf.js如何配置显示的语言。pdf.js语言本地化设置。  pdf.js默认的语言是英语的,如果要界面显示指定的语言或者依据访问这浏览器的用户首选语言来确认要要使用的本地化文件,可以按照下面的步骤来操作。  如果访问者已经知道,全部为国内用户,pdf.js要显示中文语言配置,可以用link标签指定加载的语言为中文即可。(下载的pdf.js中语言..

jquery标签云选择效果

评论(0)浏览(290)分类:JavaScript/Ajax开发技巧
jquery标签云选择效果  居于jquery框架的标签云选择效果。!doctype htmltitlejquery多彩标签云选择效果/titlescript type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.1.min.js/scriptstyle ul,li{list-style:none;padding:0px;margin:0px} ul.cloud{zoom:1;overflow:hidden;width:300px} ul.cloud li{-moz-border-radius:6px..

JavaScript数字滚动效果

评论(0)浏览(274)分类:JavaScript/Ajax开发技巧
JavaScript数字滚动效果  JavaScript数字滚动效果 div id=n style=height:20px div class=num1/div div class=num2/div div class=num3/div div class=num4/div div class=num5/div div class=num6/div div class=num7/div div class=num8/div div class=num9/div div class=num10/div ..

jquery通讯录选择效果

评论(0)浏览(389)分类:JavaScript/Ajax开发技巧
jquery通讯录选择效果  jquery实现通讯录勾选效果。script type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js/scripttable trtd valign=top收件人:input type=text id=txt style=width:500px /input type=hidden id=txtIds name=ids /br / 主题:..../tdtd id=tdContact通讯录br /input type=checkbox class=all /全..

javascript添加删除表格数据行示例

评论(0)浏览(534)分类:JavaScript/Ajax开发技巧
javascript添加删除表格数据行示例  javascript添加删除表格数据行示例,居于jquery框架titlejavascript添加删除表格数据行示例/titlescript type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.1.min.js/scripttable border=1 trtdID/tdth姓名/thth联系电话/thth操作/th/trtbody id=tbRows tr id=trTpltd1/tdtdinput type=text //tdtdinput ty..

如何自定义html5新类型表单错误信息

评论(0)浏览(313)分类:JavaScript/Ajax开发技巧
如何自定义html5新类型表单错误信息  HTML5 input元素新增了很多新类型,如number,tel,email,url等类型,如指定input的type为email,浏览器还会自动验证输入输入的有效性,不是有效的email地址浏览器会自动提示错误信息。如下图所示email:input type=email/图1  错误的样式是浏览器自定义的,如果你想自定义错误控件的样式,可以使用css3的:invalid伪类style input.emai..

HostOnly Cookie和HttpOnly Cookie

评论(0)浏览(693)分类:JavaScript/Ajax开发技巧
HostOnly Cookie和HttpOnly Cookie怎么使用Cookie?  通常我们有两种方式给浏览器设置或获取Cookie,分别是HTTP Response Headers中的Set-Cookie Header和HTTP Request Headers中的Cookie Header,以及通过JavaScript对document.cookie进行赋值或取值。rfc6265第5.2节定义的Set-Cookie Header,除了必须包含Cookie正文,还可以选择性包含6个属性path、domain、max-age、expires..

获取ztree增加删除节点后的数据

评论(0)浏览(504)分类:JavaScript/Ajax开发技巧
获取ztree增加删除节点后的数据  对ztree进行增加删除操作后,如何获取ztree此时的数据源。  获取ztree的数据源很简单,调用getNodes获取所有节点,此时得到的节点是嵌套的json数据结构(非简单) var treeObj = $.fn.zTree.getZTreeObj(treeDemo); var nodes = treeObj.getNodes(); console.log(nodes);  打印节点后你会发现会多出了很多其他属性,是ztree节点..

IE8-如何获取input光标所在位置(selectionstart)

评论(0)浏览(1284)分类:JavaScript/Ajax开发技巧
IE8-如何获取input光标所在位置(selectionstart)  IE9+和标准浏览器支持输入对象的selectionStart属性,可以获取到光标所在输入空间中的位置,IE8-要想获取光标所在位置(selectionstart属性),需要使用range对象。  IE8-如何获取input光标所在位置(selectionstart)源代码如下input type=text id=txt value=1234567 /input type=button value=获取text光标位置 onclick=alert(getCaret(..

javascript检查android软键盘隐藏显示

评论(0)浏览(4480)分类:JavaScript/Ajax开发技巧
javascript检查android软键盘隐藏显示  javascript如何检查当输入框获取焦点弹出android软键盘时,如果点击的是键盘上的隐藏按钮隐藏键盘时,如何捕获点击隐藏按钮事件。  javascript检查android软键盘隐藏显示比较简单,主要是不好判断如果点击的是键盘上的隐藏按钮,因为keydown,keyup中获取不到按键的keyCode,获取到的都为0(可以获取到前往这个键的keyCode为13)。  jav..

javascript解码读取二维码信息

评论(1)浏览(8956)分类:JavaScript/Ajax开发技巧
javascript解码读取二维码信息  javascript如何读取二维码的信息。本示例来源于:http://lazarsoft.info。本示例使用了html5的canvas对象,不支持IE8-,通过html5的canvas对象读入图片后处理读出二维码存储的信息。注意:javascript使用的编码为unicode(utf-16),而二维码编码为UTF-8, ISO-8859-1等,所以包含中文时,javascript读取二维码的信息是utf-8编码的,中文会出..

css3浮动层变大变小切换效果

评论(0)浏览(605)分类:HTML/CSS兼容/XML
css3浮动层变大变小切换效果  一个css3动画效果,点击链接标签弹出详细内容层,从页脚升起然后平铺整个屏幕,而原来的内容层缩小。具体看效果了,装逼可以一用。嘿嘿。注意使用标准浏览器如chrome,firefox,ie8-就不要来凑热闹了。!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdstylehtml, bod..

javascript生成二维码

评论(0)浏览(2491)分类:JavaScript/Ajax开发技巧
javascript生成二维码  jquery.qrcode.js 是居于jquery类库的绘制二维码的插件,用它来实现二维码图形渲染支持canvas和table两种绘图方式。(jquery.qrcode.js 设置显示方式为table时在webkit核心浏览器如chrome下会变形,这个需要注意。)  下面为测试代码(增加了颜色控制,可以设置4个区块的颜色值,需要指定render为table。),效果如下htmlheadtitleJS生成二..

javascript/jquery绘制条形码/二维码插件barcode

评论(0)浏览(4845)分类:JavaScript/Ajax开发技巧
javascript/jquery绘制条形码/二维码插件barcode  javascript绘制条形码/二维码,居于jquery的实现,示例和API如下,翻译来源:http://barcode-coder.com/en/barcode-jquery-plugin-201.html注意:需要绘制的条形码/二维码长度和字符串包含字母之类的,注意要选择不同的条形码/二维码类型,要不无法绘制(没研究过条形码,经测试视乎是这样的)。建议直接选择code128  jquery绘制条形码/二..

javascript utf-8,unicode(utf-16)编码互换

评论(0)浏览(248)分类:JavaScript/Ajax开发技巧
javascript utf-8,unicode(utf-16)编码互换  javascript utf-8,unicode(utf-16)编码相互转换源代码 //javascript将UTF-16字符串转转换为UTF-8字符串 function utf16ToUtf8(s){ if(!s){ return; } var i, code, ret = [], len = s.length; for(i = 0; i len; i++){ code = s.charCodeAt(i); ..

CSS3动画Transition

评论(0)浏览(417)分类:HTML/CSS兼容/XML
CSS3动画Transition  W3C标准中对css3的transition这是样描述的:css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值。下面我们同样从其最语法和属性值开始一步一步来学习transition的具体使用语法: transition : ['transition-property&..

CSS3动画transform-origin

评论(0)浏览(187)分类:HTML/CSS兼容/XML
CSS3动画transform-origin CSS3动画transform-origin属性默认情况,变形的原点在元素的中心点,或者是元素X轴和Y轴的50%处,如下图所示:  我们没有使用transform-origin改变元素原点位置的情况下,CSS变形进行的旋转、移位、缩放等操作都是以元素自己中心(变形原点)位置进行变形的。但很多时候需要在不同的位置对元素进行变形操作,我们就可以使用transform-origin来..

CSS3动画Transform-style介绍

评论(0)浏览(168)分类:HTML/CSS兼容/XML
CSS3动画Transform-style介绍CSS3 transform-style属性transform-style属性是3D空间一个重要属性,指定嵌套元素如何在3D空间中呈现。他主要有两个属性值:flat和preserve-3d。transform-style属性的使用语法非常简单:transform-style: flat | preserve-3d其中flat值为默认值,表示所有子元素在2D平面呈现。preserve-3d表示所有子元素在3D空间中呈现。  也就是说,如果对一..

viewport参数详解

评论(0)浏览(255)分类:HTML/CSS兼容/XML
viewport参数详解  meta name=viewport content=width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0  该meta标签的作用是让当前viewport的宽度等于设备的宽度,同时不允许用户手动缩放。也许允不允许用户缩放不同的网站有不同的要求,但让 viewport的宽度等于设备的宽度,这个应该是大家都想要的效果,如果你不这样的设定的话,那就..

css3动画transform使用详解

评论(0)浏览(307)分类:HTML/CSS兼容/XML
css3动画transform使用详解  Transform字面上就是变形,改变的意思。在CSS3中transform主要包括以下几种:旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。下面我们一起来看看CSS3中transform的旋转rotate、扭曲skew、缩放scale和移动translate具体如何实现,老样子,我们就从transform的语法开始吧。语法: transform : none | transform-funct..

通过@media screen控制网站在移动端显示

评论(0)浏览(1018)分类:HTML/CSS兼容/XML
通过@media screen控制网站在移动端显示  今天下午花点时间将本站css进行修改,通过@media screen max-width/min-width将本站在移动端浏览器下显示得更加友好。  本站在分辨率宽度680px一下显示如下  如果您在电脑端浏览本站使用的标准浏览器(IE9+,firefox,chrome等),可以缩小浏览器窗口大小到680px以下可以看到效果。  利用@media screen实现网页..