Highcharts如何设置xAxis轴某条线的颜色

评论(0)浏览(746)分类：JavaScript/Ajax开发技巧
Highcharts如何设置xAxis轴某条线的颜色　　Highcharts如何设置xAxis水平轴某条线的颜色源代码。Highcharts使用vml（IE8-）或者svg（标准浏览器）进行绘图的，x水平轴的的对象是shape（vml）或者path（svg）来绘制。所以只需要使用导入的jquery框架找到指定的对象就可以更改颜色了。　　本示例居于Highcharts-4.0.4，测试DEMO为下载压缩包中的examples\line-basic\index.htm这个事例，..

js图片浮动碰浏览器边界反弹效果

评论(0)浏览(530)分类：JavaScript/Ajax开发技巧
js图片浮动碰浏览器边界反弹效果　　js图片浮动，碰到浏览器编辑自动反弹向方向运动效果。!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd html head title图片浮动/title style #img{ position:absolute; } /style /head body img src=http://avatar...

js获取firefox下控件级联样式borderWidth,borderColor

评论(0)浏览(192)分类：JavaScript/Ajax开发技巧
js获取firefox下控件级联样式borderWidth,borderColor　　firefox下如何获取控件级联样式表中定义的borderWidth css样式。在IE或者chrome中可以通过borderWidth，borderColor直接获取到定义的border宽度和颜色，但是firefox通过getComputedStyle得到的级联样式对象中并未包含borderWidth，borderColor的定义，而是要到详细的每条边的样式定义，如borderLeftWidth，borderLeftColor。　　解决办法如下..

百度快照不更新也许和首页内容有关

评论(0)浏览(298)分类：网站排名及优化
百度快照不更新也许和首页内容有关　　如果你的网站基本每周都会更新，但是百度快照一直不更新，处于一个很早之前的日期，但是从百度来的搜索量还是有的，那么可能是你的首页内容包含了日期，如2012-12-25此类格式的内容，百度会依据这些日期内容来决定你的百度快照日期。　　我之前网站博客内容基本每周都会更新，但是因为设计版块内容没有更新（2012年更新的，直到现在没有更新..

IE浏览器onresize/onscroll事件执行多次解决办法

评论(0)浏览(313)分类：JavaScript/Ajax开发技巧
IE浏览器onresize/onscroll事件执行多次解决办法　　ie浏览器下添加window的onresize事件时，发现点击最大化或者向下还原按钮触发onresize事件时，IE浏览器会执行2次以上的添加的resize事件，其他浏览器如firefox没有这种问题。　　测试代码如下scriptvar i=0window.onresize=function(){document.title+=i+'|'i++}/script 可以使用它setTimeout方法延时执行注册resize事件，在执行之前..

高德地图AMap.Marker shape无效解决方案

评论(0)浏览(1753)分类：JavaScript/Ajax开发技巧
高德地图AMap.Marker shape无效解决方案2014-12-23：经测试IE8和最新版chrome没问题，firefox12出现这个问题，没有其他版本的firefox，不知道效果如何~　　今天调用高德地图时，自定了一个覆盖物AMap.Marker，设置了icon覆盖原来的默认图片，自定义的图片大于原来的图片，发现无法点击覆盖物图片的其他位置弹出AMap.InfoWindow，只能点击覆盖物左上角一个36x36的区域才能弹出AMap.Info..

ztree隐藏展开隐藏按钮，通过点击标题显示隐藏子节点

评论(0)浏览(2167)分类：JavaScript/Ajax开发技巧
ztree隐藏展开隐藏按钮，通过点击标题显示隐藏子节点　jquery插件ztree如何隐藏父节点前面的展开（加号），收缩（减号）图标，而是通过点击父节点显示的内容展开收缩此节点下的子节点。找了下ztree的api，没有提供隐藏展开/收缩图标的配置，可以自己写css覆盖ztree的css，然后自己调用expandNode展开收缩子节点。　　ztree隐藏展开隐藏按钮，通过点击标题显示隐藏子节点源代码如下1）隐藏ztree展开..

jquery模拟android slidingmenu效果

评论(0)浏览(228)分类：JavaScript/Ajax开发技巧
jquery模拟android slidingmenu效果　　jquery模拟android slidingmenu组件效果源代码如下，采用了CSS3动画，IE浏览器需要升级到IE9+以上。!doctype htmlscript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js/scripttitlejquery模拟android slidingmenu组件效果/titlestylehtml,body{margin:0px;padding:0px;height:100%;width:100%;overflow:hidden;}.abs{posi..

RequireJS2.0中文API

评论(0)浏览(192)分类：JavaScript/Ajax开发技巧
RequireJS2.0中文API 1RequireJS用法 1.1加载JavaScript文件 RequireJS的目标是鼓励代码的模块化，它使用了不同于传统script标签的脚本加载步骤。可以用它来加速、优化代码，但其主要目的还是为了代码的模块化。它鼓励在使用 脚本时以module ID替代URL地址。RequireJS以一个相对于baseUrl的地址来加载所有的代码。 页面顶层script标签 含有一个特殊的属性data-main，..

页面回退到上一页如何保留js动态生成内容

评论(0)浏览(5830)分类：JavaScript/Ajax开发技巧
页面回退到上一页如何保留js动态生成内容　　js动态生成的内容，当转向到其他页面，通过history.back或者点击浏览器工具栏上的回退按钮返回这个页面时，js动态生成的内容在某些浏览器下是不会保存的，如IE和chrome，本人firefox12测试js动态生成的内容，在浏览器历史回退可以保存下来，那么在IE和chrome下如何保留js动态生成的内容呢？　　IE和chrome下回退时会执行内置的js脚本，所以可..

jquery水平方向平铺焦点图

评论(0)浏览(523)分类：JavaScript/Ajax开发技巧
jquery水平方向平铺焦点图　　jquery实现的水平方向平铺占满显示视窗效果。当视窗大小改变时，自动变换焦点图显示的区域。目前焦点图支持2个方向的滚动，水平和垂直滚动。　　jquery水平方向平铺焦点图插件测试代码如下!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdtitlejquery水平方向平铺焦点..

去掉IE特有css样式expression

评论(0)浏览(234)分类：JavaScript/Ajax开发技巧
去掉IE特有css样式expression　　IE浏览器下有一个特殊的样式expression，可以动态执行js脚本，this对象指向启用了expression样式的对象。expression这个样式比较耗资源，只要鼠标或者键盘有动作，就会执行这个事件。　　要移除IE的expression css样式，需要使用IE style属性特有方法removeExpression，不能通过style.xxx=null移除。　　去掉IE特有css样式expression源代码如..

如何检查jQuery选出的对象是否还在DOM中

评论(0)浏览(109)分类：JavaScript/Ajax开发技巧
如何检查jQuery选出的对象是否还在DOM中　　如何检查jquery选出的对象是否还在dom树中，而不是从DOM树中删除掉。script type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js/scriptpDOM1/ppDOM2/pscript var $cache1 = $(p); //jQuery选出所有p对象 $(p:eq(0)).remove(); //jQuery移除第一个p对象 alert($cache1.size())//输出2，而不是1 ..

js判断是否为IE11浏览器

评论(0)浏览(427)分类：JavaScript/Ajax开发技巧
js判断是否为IE11浏览器　　IE11的navigator里面已经不包含MSIE字符串，window.ActiveXObject也不再支持。要判断是否IE11浏览器，可以使用下面的代码IE11的navigator.userAgent输出为：Mozilla/5.0 (Windows NT 6.1; Trident/7.0; SLCC2; .NET CLR 2.0.50727; Media Center PC 6.0; rv:11.0) like Gecko function isIE() { //ie? if (!!window.ActiveXObje..

css3 3d翻牌效果

评论(0)浏览(315)分类：HTML/CSS兼容/XML
css3 3d翻牌效果　　css3动画3d翻牌效果，请用firefox和chrome查看示例htmlheadtitlecss3 3d翻牌效果/titlestyle type=text/css.kuang{height: 300px;width: 200px;border: 2px solid black;position:relative}.poker{height: 300px;width: 200px;background-color: #00ffff;position: absolute;left: 0px;top: 0px;-webkit-transition:all 1s linear;-webkit-t..

数字在主键盘和小数字键盘下的keyCode值不一致

评论(0)浏览(495)分类：JavaScript/Ajax开发技巧
数字在主键盘和小数字键盘下的keyCode值不一致　　keydown或者keyup事件中获取键盘按下的keyCode值时需要注意，主键盘上数字按键的keyCode值和小键盘上的数字keyCode值是不一样，如果不注意这点，小心程序出现问题。　　主键盘的数字0~9的keyCode为：48~57　　小键盘上的数字0~9的keyCode则为：96~105　　JavaScript中键盘按下的keyCode问题　　在使用JavaScript做WEB键盘事件侦听捕获时，主..

html编辑器回车换行如何指定为br

评论(0)浏览(473)分类：JavaScript/Ajax开发技巧
html编辑器回车换行如何指定为br　　用iframe作为html编辑器或者web编辑器的容器时，如果不做特殊处理，不同浏览器下对回车的生成的html代码不全相同（主要是低版本的IE浏览器，如IE8-）。firefox和chrome对回车生成的html代码是br，而IE下是P标签。　　要想规范html编辑器响应回车按键，生成统一的标签，如br换行，可以给iframe编辑器容器添加keydown事件，阻止默认的浏览器事..

chrome完全取消同源访问策略控制

评论(0)浏览(1034)分类：HTML/CSS兼容/XML
chrome完全取消同源访问策略控制　　由于chrome的同源访问策略，会导致即使是本地测试js效果时也会报错。chrome本地测试访问iframe，parent，opener null解决办法配置chrome支持本地（file协议）ajax请求chrome无法保存本地设置cookie解决办法　　具体问题问题解决办法参考上面的文章。如果想一次性解决上面的所有问题，可以增加--disable-web-security启动参数，怎么增加启动参..

chrome本地测试访问iframe，parent，opener null解决办法

评论(0)浏览(3261)分类：HTML/CSS兼容/XML
chrome本地测试访问iframe，parent，opener null解决办法　　使用谷歌chrome浏览器时，如果双击运行或者拖拽html文件进入chrome中以file协议查看js效果，由于chrome的同源策略，父页无法访问iframe中的内容，iframe也无法通过parent对象获取父页的引用。同样对于window.open打开的本地网页，也无法通过opener或者存储打开页面的句柄来访问被打开的页面，在chrome控制台会出现下面类似的错误信息Uncaugh..

chrome浏览器iframe parent.document为undefined

评论(1)浏览(2250)分类：JavaScript/Ajax开发技巧
chrome浏览器iframe parent.document为undefined2014-11-05更新：这个问题是由于chrome的同源访问造成的，一般需要发布网站后访问，否则需要给chrome增加启动参数，允许访问本地资源文件。如果你是开发人员，增加chrome的配置是最好的，就不需要再搭建服务器进行访问。参考：配置chrome支持本地（file协议）ajax请求　　chrome浏览器iframe parent.document为undefined，对于window.open打开的..

meizz日历控件，梅花雨日历控件，支持时间选择

评论(0)浏览(864)分类：JavaScript/Ajax开发技巧
meizz日历控件，梅花雨日历控件，支持时间选择　　meizz大牛以前写的一个日历控件，支持日期，时间，精确到秒的选择，不过美中不足就是不兼容firefox，经本人修改，现在已经兼容firefox。　　测试浏览器：IE7，IE8，firefox4，chrome21.0.1180.79 m　　效果如下图所示　　源代码如下script // 主调用函数是 setday(this,[object])和setday(this)，[object]是控件输出的控件名，举两个例子..

javascript检查移动设备是否支持重力方向感应

评论(0)浏览(273)分类：JavaScript/Ajax开发技巧
javascript检查移动设备是否支持重力方向感应　　javascript如何检查移动设备，如手机平台是否支持重力或者方向感应。　　可以使用html5提供的重力和方向感应接口来判断。　　html5 中针对高端手机提供了重力感应和重力加速的接口，开发可以利用这个接口获取到移动设备重力加速感应数据。　　目前已经支持的浏览器只有chrome和firefox，以及IOS的webkit（貌似android上因为版本差异很大，部..

div模拟select左右移动效果

评论(0)浏览(205)分类：JavaScript/Ajax开发技巧
div模拟select左右移动效果　　div模拟select option对象左右移动效果，同时增加右边货物自动增加效果。　　源代码如下script type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js/scriptstylea{text-decoration:none}.select{overflow:auto;width:100px;height:120px;float:left;border:solid 1px #ccc;line-height:20px; -moz-user-se..

jquery仿京东商城三级联动代码插件

评论(0)浏览(1476)分类：JavaScript/Ajax开发技巧
jquery仿京东商城三级联动代码插件　　模仿京东送货地址省市县3级联动，已经做成jQuery插件形式，效果图如下　　jquery仿京东商城三级联动代码插件DEMO!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content-Type content=text/html; chars..

ie execCommand saveas为txt文件会在某个长度后换行

评论(0)浏览(198)分类：JavaScript/Ajax开发技巧
ie execCommand saveas为txt文件会在某个长度后换行　　今天在csdn看到一个问题，在IE下exeCommand 调用saveas命令，将某些内容存为txt文件时，当一行的长度大于某个长度时，会自动换行，而实际保存的内容是没有换行的。　　示例代码如下script type=text/javascript function fnsave() { var tab = document.getElementById(a); var contents = tab.innerHTML; var winn..

异步ajax请求如何控制执行循序

评论(0)浏览(219)分类：JavaScript/Ajax开发技巧
异步ajax请求如何控制执行循序　　ajax多个请求时，如果下一次请求依赖上一次的请求结果，或者希望能按照请求循序先后返回，而不是乱序返回，需要自己写代码控制ajax的执行循序，而不是for或者jquery的each并发发起ajax请求，这样无法控制ajax的返回循序。当然如果你不想用异步请求，改为同步请求可以控制for，each的并发ajax请求返回循序，但是对于jsonp这种只能异步加载的数..

jQuery Slider滑动条取值插件

评论(0)浏览(1114)分类：JavaScript/Ajax开发技巧
jQuery Slider滑动条取值插件　　jQuery Slider滑动条取值插件，jQuery源插件没有左右+/-增加滑动条按钮，可以增加按钮，调用jQuery Slider的value方法进行设置或者获取当前显示的值显示在输入框中。　　添加的+/-按钮有点丑，自己美化下，效果如下　　jQuery Slider滑动条取值插件demo源代码如下!doctype htmlhtml lang=enheadmeta charset=utf-8titlejQuery Slider滑动条取..

javascript判断2个对象是否重叠

评论(0)浏览(674)分类：JavaScript/Ajax开发技巧
javascript判断2个对象是否重叠　　如何用javascript判断给定的2个div对象是否存在重叠部分，算法如下1）判断4个顶点是否在另外一个对象的区域内2）上面的判断失败，则为十字架关系，内部一部分包含在另外一个对象中，但是顶点相互不在对方内部注意：上面2个步骤需要相互转换过参考对象　　测试源代码如下，居于jquery框架!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transit..

阻止默认浏览器按钮刷新操作事件

评论(0)浏览(1033)分类：JavaScript/Ajax开发技巧
阻止默认浏览器按钮刷新操作事件　　javascript如何阻止浏览器刷新操作，如按下F5按钮，右键弹出菜单选择刷新操作，ctrl+R强制刷新页面。　　下面的代码仅适用于下面的３中操作，对于点击浏览器上的刷新按钮这个没办法控制（只能提示用户是否要离开页面，由用户控制是否离开操作，而不能用javascript代码强制停留在此页面或者进行其他的操作）在浏览器按下F5按钮右键页面弹出菜..