jquery多级下拉菜单插件

评论(0)浏览(386)分类:JavaScript/Ajax开发技巧
jquery多级下拉菜单插件  居于jquery框架的网站多级下拉菜单插件,融合了jquery.color.js,jquery.lavalamp.js,jquery.easing.js 这3个插件,效果如下图link rel=Stylesheet type=text/css href=/menu/menu.css /stylebody{background:#999}/stylediv id=menu ul class=menu li a href=# class=parentspanlevel 1_1/span/a ul ..

javascript判断中为假false的值

评论(0)浏览(596)分类:JavaScript/Ajax开发技巧
javascript判断中为假false的值  JavaScript中有 6 个值为假,这六个值是falsenullundefined0'' (空字符串)NaN  虽然这六个值都为假,它们之间并非都相等console.log( false == null ) // falseconsole.log( false == undefined ) // falseconsole.log( false == 0 ) // trueconsole.log( false == '' ) // trueconsole.log( false =..

keypress,keyup中keyCode不一样

评论(0)浏览(191)分类:JavaScript/Ajax开发技巧
keypress,keyup中keyCode不一样  keypress,keyup/keydown事件中,事件对象event的keyCode属性值是不一样的。  onkeypress事件中keyCode属性值为触发键字符代码,keyup/keydown事件为键盘代码。  字符代码和键盘代码区别字符代码 - 表示 ASCII 字符的数字键盘代码 - 表示键盘上真实键的数字  这两种类型的值不是都相等的(主要针对字母),例如小写字符 w 和大写字符 W..

JavaScript Keyboard Events

评论(0)浏览(134)分类:JavaScript/Ajax开发技巧
JavaScript Keyboard EventsJan WolterNote: I have stopped updating this page. At this point nearly all popular browsers are have achieved a good level of compatibility on most of these features, and their behavior with respect to them just isn't changing much anymore. The only thing web designers really need to still watch out for is IE8, wh..

flipsnap.js模仿手机滑动效果

评论(0)浏览(1273)分类:JavaScript/Ajax开发技巧
flipsnap.js模仿手机滑动效果  flipsnap.js是一款模拟手机浏览器滑动效果的类库,支持电脑上鼠标按下滑动和手机浏览器触摸滑动效果flipsnap.js使用指南1,导入flipsnap.js类库(flipsnap.js不依赖其他js类库)script src=flipsnap.js/script2,编写html代码html代码示例如下,外层html样式为.viewport,内层元素样式为.flipsnap。div class=viewport div class=flipsna..

jquery attr prop 区别

评论(0)浏览(611)分类:JavaScript/Ajax开发技巧
jquery attr prop 区别  prop是jquery1.6新增的方法,其与attr的用法极为相似。由于不理解他们的根本区别,难免产生离奇的BUG。  通过分析attr和prop的源码,得知:  attr 方法里面,最关键的两行代码,elem.setAttribute( name, value + )和ret = elem.getAttribute( name ),很明显的看出来,使用的DOM的API setAttribute和getAttribute方法操作的属性元素节..

html实体对象:实体编号&#和实体符号

评论(0)浏览(721)分类:HTML/CSS兼容/XML
html实体对象:实体编号&#和实体符号  html实体对象有2种,实体编号和实体符号实体编号的组成和号()井号(#)编号(数字)封号(;)实体符号的组成和号()字符(字母)封号(;)备注  同一个符号,可以用实体名称和实体编号两种方式引用,实体名称的优势在于便于记忆,但不能保证所有的浏览器都能顺利识别它,而实体编号则没有这种担忧,但它实在不方便记忆。注意点实体符号..

ext4/ext5 tree树节点搜索展开示例

评论(0)浏览(765)分类:extjs开发技巧
ext4/ext5 tree树节点搜索展开示例  extjs如何通过关键字查找树节点,并且展开找到的tree节点。本示例在ext-5.1.0,ext-4.1.1a下测试通过。titleext4,ext5的tree树节点搜索示例/title关键字:input type=text id=t /input type=button value=搜索所有节点并展开 onclick=findNode() /script var rootNode,store,tree; Ext.onReady(function () { store = Ext.cre..

如何检查浏览器支持javascript最高版本

评论(0)浏览(217)分类:JavaScript/Ajax开发技巧
如何检查浏览器支持javascript最高版本  如何检查浏览器所支持的javascript的最高版本号。目前浏览器javascript版本号最高为1.8.5(对应ECMAScript标准5)。  检查浏览器支持javascript最高版本源代码如下,通过动态创建script标签,然后指定language属性为不同版本的javascript版本来实现。firefox39 javascript版本号chrome38 javascript版本号script type=text/javascript ..

javascript,JScript和ECMAScript版本

评论(0)浏览(206)分类:JavaScript/Ajax开发技巧
javascript,JScript和ECMAScript版本  下表列出了JavaScript,JScript和ECMAScript版本号对应关系,及浏览器版本所使用的JavaScript版本号。JavaScriptJScriptECMAScriptRelease dateNetscape NavigatorMozilla FirefoxInternet ExplorerOperaSafariGoogle Chrome1.01.0March 19962.03.0- early versions, August 19961.12.0August 19963.03.0- later versions, January 19971.2J..

CSS表格固定表头示例

评论(0)浏览(1228)分类:HTML/CSS兼容/XML
CSS表格固定表头示例  css+JavaScript实现表格的表头固定效果,页面滚动,表头处于页面最顶端。  CSS表格固定表头示例代码如下!doctype htmlhtml headtitleCSS表格固定表头/titlemeta http-equiv=Content-type content=text/html; charset=utf-8style type=text/css* html,* html body /* 修正IE7振动/闪动bug */{background-image:url(about:blank);background..

javascript读取客户端文件内容

评论(0)浏览(526)分类:JavaScript/Ajax开发技巧
javascript读取客户端文件内容  本文使用HTML5的FileReader对象结合file对象读取客户端选中的文本类型的文件。注意:一定要结合file对象,不可以直接指定客户端文件路径。安全问题是不允许直接访问客户端文件的,而且你指定的路径也不一定存在。之前在csdn碰到一个人以为html5是神列,什么都能做,我就呵呵了。。备注:IE9-不支持FileReader。  javascript读取客户端文件..

HTML5 FileReader对象API,FileReader使用文档

评论(0)浏览(2786)分类:JavaScript/Ajax开发技巧
HTML5 FileReader对象API,FileReader使用文档  使用FileReader对象,web应用程序可以异步的读取存储在用户计算机上的文件(或者原始数据缓冲)内容,可以使用File对象或者Blob对象来指定所要读取的文件或数据.其中File对象可以是来自用户在一个input元素上选择文件后返回的FileList对象,也可以来自由拖放操作生成的 DataTransfer对象,还可以是来自在一个HTMLCanvasElement上执行mozGetAsFile(..

easyui请求页面拦截跳转超时提示

评论(0)浏览(1584)分类:easyui开发技巧
easyui请求页面拦截跳转超时提示  easyui使用datagrid或者dialog等加载远程数据页面时,如果远程页面做了超时判断,转向其他页面进行登录,easyui是不会自动控制浏览器跳转到登录页面的,而是只会获取最终转向页面的数据,具体看这个:Ajax服务器端跳转重定向  如struct拦截的拦截,判断超时自动跳转到登录页面。或者下面的data.asp代码%if session(online)1 then respons..

ext如何读取嵌套的子json节点数据

评论(0)浏览(476)分类:extjs开发技巧
ext如何读取嵌套的子json节点数据  ext如何读取嵌套的子json节点数据,如类似下面的数据,用户详细信息放在子节点下userInfo下。nestedData.json{ rows: [ { userName: system, userInfo: { active: true, address: 深圳市, birthday: 2014-11-03 } } ]}ext如何读取嵌套的..

Ext.tree.Panel显示checkbox并且级联选择或者取消选择

评论(0)浏览(1258)分类:extjs开发技巧
Ext.tree.Panel显示checkbox并且级联选择或者取消选择  ext4,ext5 Ext.data.TreeStore如何显示复选框checkbox,勾选复选框checkbox时如何级联选中子节点的复选框。  ext4,ext5实现check tree级联选择源代码如下提示:checkchange事件参数node,5+返回的是Ext.data.TreeModel,ext4是Ext.data.NodeInterface对象 Ext.onReady(function () { store = Ext.create('Ext.data.TreeSto..

ext4,ext5 tree添加右键菜单

评论(0)浏览(309)分类:extjs开发技巧
ext4,ext5 tree添加右键菜单  ext4,ext5的tree对象如何添加自定义右键菜单,菜单项包含添加,删除,修改tree当前右键点击的tree节点的功能。  ext4,ext5的tree对象如何添加自定义右键菜单,菜单项包含添加,删除,修改tree当前右键点击的tree节点的功能源代码如下,测试版本为:ext-4.1.1a,ext-5.1.0,基本兼容ext4+和ext5+,ext3-自己看api来修改丢应的js代码。 ..

css打造下拉菜单

评论(0)浏览(296)分类: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}/*注意..

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

评论(0)浏览(250)分类: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); ..

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

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

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

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

easyui treeGrid异步加载子节点示例

评论(0)浏览(1469)分类:easyui开发技巧
easyui treeGrid异步加载子节点示例  easyui treeGrid异步加载子节点示例。如果要异步加载treegrid的子节点,需要输出扁平的数据结构,然后通过_parentId来控制treegrid的父节点子节点结构。嵌套的children结构好像是不支持,没研究出来。  示例代码easyui版本为1.3.5,其他版本没测试。  easyui treeGrid异步加载子节点无限极示例源代码如下data.ashx,数据源%@ WebHandler..

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

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

统计easyui datagrid某列之和显示在对应列下面

评论(0)浏览(5778)分类:easyui开发技巧
统计easyui datagrid某列之和显示在对应列下面  本示例将计算easyui datagrid某些列的数据求和,然后将求和的数据显示在所在easyui列的最下面,实现统计功能,效果如下图  源代码如下table id=dg/tablescript $(function () { $('#dg').datagrid({ singleSelect: true, onLoadSuccess: compute,//加载完毕后执行计算 url: 'prod..

禁止选择网页内容

评论(0)浏览(394)分类:HTML/CSS兼容/XML
禁止选择网页内容  用css禁止选择浏览器显示的网页的内容user-select有两个值none:用户不能选择文本text:用户可以选择文本  注意:user-select不是一个W3C的CSS标准属性,浏览器支持的不完善,各种浏览器的实现都不一样,需要针对不同浏览器加上对应的CSS,示例代码如下 body{ -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*we..

jqGrid4.0最新版本中文API

评论(4)浏览(8911)分类:jqGrid中文API
jqGrid4.0最新版本中文API  jqGrid4.0最新版本中文API,直接从http://www.trirand.com/jqgridwiki /doku.php?id=wiki:jqgriddocs翻译来的,部分可能翻译得不是好理解,直接硬翻译出来的,呵呵。。由于不常用,没有全部测试所 有配置,要不翻译不好的部分应该可以自己组织文字来描述。jqGrid一些疑难问题和解决方案jqGrid获取服务服务器返回的所有数据jqGrid获取本地查询..

jqGrid导航Navigator配置

评论(0)浏览(8003)分类:jqGrid中文API
jqGrid导航Navigator配置  导航是一个用户界面,可以简单执行记录操作如查找或者编辑,用户可以执行表格操作通过点击对应的在导航栏上的图标按钮。  开发者可以创建自定义的动作,或者使用jqGrid已经定义的6个动作。jqGrid预定义的动作如下添加新记录编辑选择的行查看选择的记录删除选择的行查找记录重新加载grid这6个按钮在导航层的底部左边位置,如下图所示导航层..

jqGrid事件

评论(0)浏览(5428)分类:jqGrid中文API
jqGrid事件  jqGrid事件在配置jqGrid时作为属性传入,例如var lastSel;jQuery(#gridid).jqGrid({//... onSelectRow: function(id){ if(id id!==lastSel){ jQuery('#gridid').restoreRow(lastSel); lastSel=id; } jQuery('#gridid').editRow(id, true); },//...});  上面这个示例指定了当行..

jqGrid JSON数据源读取器选项配置

评论(0)浏览(3636)分类:jqGrid中文API
jqGrid JSON数据源读取器选项配置  本章介绍jqGrid配置datatype为 json/jsonp/ jsonstring数据类型时,如何设json数据的读取器。3.6.5 以后的版本返回的json格式字符串需要为标准格式的,怪异模式的会出错。这个问题主要是jQuery造成,jQuery1.4+版本要求json数据为标准的。参考:jQuery dataType指定为json的问题关于json的更多信息查看这里: HERE and HERE  JSON数据源..

jqGrid colModel配置参数

评论(0)浏览(6802)分类:jqGrid中文API
jqGrid colModel配置参数colModel配置语法示例jQuery(#gridid).jqGrid({//... colModel: [ {name:'name1', index:'index1'...}, {...}, ... ],//...});  下表列出了colModel可用的属性。name属性是唯一需要配置。colModel配置可以读写通过getColProp和setColProp方法。配置项类型描述默认值alignstring定义单元格中内容对齐方式,可用值: left, ce..