javascript树数据源嵌套结构和扁平结构互转

评论(0)浏览(5)分类:JavaScript/Ajax
javascript树数据源嵌套结构和扁平结构互转  javascript树,嵌套结构数据源和扁平结构数据源相互转换示例titlejavascript树数据源嵌套结构和扁平结构互转示例/titlescript type=text/javascript function FlatToNested(data, opt) {//树数据源扁平结构转嵌套 opt = opt || {}; var idFiled = opt.idFiled || 'id'; var textFiled = opt.textFiled || &..

JavaScript模拟冒泡排序

评论(0)浏览(17)分类:JavaScript/Ajax
JavaScript模拟冒泡排序  JavaScript模拟冒泡排序排序过程,冒泡排序模拟过程效果!DOCTYPE htmlhtml lang=enheadmeta charset=UTF-8titleJavaScript模拟冒泡排序/titlestyle type=text/cssdiv div{width: 10px;background-color: red;display: inline-block;margin-right: 1px;text-align: center;line-height: 30px;}#show {width: 500px;height: 300px;margin-left..

kindeditor预览窗口如何全屏显示

评论(0)浏览(35)分类:JavaScript/Ajax
kindeditor预览窗口如何全屏显示  如何修改kindeditor预览窗口全屏实现,kindeditor的预览窗口不是全屏的,如果要改为全屏预览,可以修改kindeditor\plugins\preview\preview.js文件如下即可实现全屏预览(注意修改窗口大小是不会自适应的,只是点击预览按钮时当前窗口大小)。/******************************************************************************** KindEdito..

js文字查询条件选择查询效果

评论(0)浏览(105)分类:JavaScript/Ajax
js文字查询条件选择查询效果  js实现类似京东的查询条件选择效果。titlejs实现类似京东的查询条件选择效果/titlestyle div.condition{border:solid 1px #eee;} div.condition a{margin-right:10px} div.condition a.selected,div.condition a:hover{background:#0094ff;color:#fff;}/stylescript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.j..

chrome frameset鼠标调整宽度后设置rows无效

评论(0)浏览(18)分类:JavaScript/Ajax
chrome frameset鼠标调整宽度后设置rows无效  chrome浏览器下,frameset中的frame没有设置为noresize时,是可以通过鼠标来拖拽更改frame大小的(多有浏览器都可以),但是在chrome下如果鼠标拖拽更改过frame的大小,再设置frameset的rows/cols属性后,将无效,不会按照rows/cols设置的大小更改frame大小。如果要实现某个frame显示隐藏,将不会隐藏frame。  测试代码如下1.htmlframeset..

select2动态添加选项

评论(0)浏览(54)分类:JavaScript/Ajax
select2动态添加选项  select2查找选项时,如果不存在,如何动态添加用户输入的查找内容项目,实现如下效果。select2默认的下拉选项过滤后的选项,select2没有输入的匹配项目,给提示信息添加按钮点击添加选项点击按钮后给select2添加新输入选项并选中,并且下拉出现此自定义项目  本示例居于Select2 4.0.3修改,其他版本注意修改选择器。第一步,修改查找没有记..

jquery控制表格跨列单元格显示隐藏

评论(0)浏览(34)分类:JavaScript/Ajax
jquery控制表格跨列单元格显示隐藏  jquery控制表格跨列单元格显示隐藏。表格列很多时,存在跨列跨行合并,如何点击表头实现跨列单元格隐藏,只显示当前第一列的值,从而缩小表格宽度。效果如下未隐藏原始效果隐藏其他列,只显示第一列效果  jquery控制表格跨列单元格显示隐藏源代码如下!DOCTYPE htmlhtmlhead meta charset=utf-8 titlejquery控制表格跨列单元格显示隐..

js控制右键菜单位置在可视区域

评论(0)浏览(41)分类:JavaScript/Ajax
js控制右键菜单位置在可视区域  js控制右键菜单位置在可视区域,而不出现滚动条或者菜单被遮盖无法显示。源代码如下div style=height:3000px;width:2000px内容/divstyle#pop{visibility:hidden;height:150px;border:solid 1px #000;position:absolute;width:150px;left:0;top:0}/stylediv id=pop右键菜单/divscript document.oncontextmenu = function (e) { e =..

jQuery点赞+1放大效果

评论(0)浏览(121)分类:JavaScript/Ajax
jQuery点赞+1放大效果  jquery实现点赞+1动态放大后消失效果,模仿163点赞或踩效果。!doctype htmlhtml lang=enhead meta charset=gb2312 titlejQuery点击弹出+1放大效果/title style type=text/css body { margin: 0; padding: 0; font: 12px/1.5 arial; color: #3E3E3E; } p { ..

javascript图片震动效果jQuery插件

评论(0)浏览(65)分类:JavaScript/Ajax
javascript图片震动效果jQuery插件  javascript实现图片抖动,使用jquery实现。  插件配置说明during:图片抖动间隔计时器时间,越小抖动越快,默认100msrange:抖动频率,越大抖动的记录越大,默认10pxstart:抖动开始前执行的回调,默认空函数体function(){}end:抖动结束后执行的回调,默认空函数体function(){}dir:方向,left(左右抖动)/top(上下抖动),默认左右  测试..

chrome扩展获取页面dom对象信息

评论(0)浏览(2660)分类:操作系统及应用软件
chrome扩展获取页面dom对象信息  chrome扩展,在popup页面,给页面对象绑定点击事件,获取当前tab加载页面的DOM对象信息。本chrome扩展功能主要用于获取百度搜索输入框中用户输入的关键字。效果如下  源代码如下注意:以下文件全部以utf-8文件编码保存manifest.json { name: chrome扩展获取页面dom对象信息, manifest_version: 2, version: 1.0, a..

js合并表格内容重复单元格

评论(0)浏览(71)分类:JavaScript/Ajax
js合并表格内容重复单元格  js合并表格每一行中内容相同的单元格,效果如下  源代码如下titlejs合并表格内容重复单元格/titletable id=tb border=1 trtd1/tdtdxx/tdtd111/td/tr trtd2/tdtdxx/tdtd222/td/tr trtd3/tdtdxx/tdtd333/td/tr trtd4/tdtdxx1/tdtd444/td/tr trtd5/tdtdxx1/tdtd555/td/tr trtd6/tdtdxx2/tdtdxx/td/tr/tablescript var t..

js获取容器innerHTML得到输入控件值

评论(0)浏览(54)分类:JavaScript/Ajax
js获取容器innerHTML得到输入控件值  如果输入控件放在容器里面,当然输入控件输入值后,获取容器的innerHTML时,标准浏览器如firefox,chrome时,innerHTML中input的html代码value属性是没有的,也没有包含输入的值。同理checkbox,radio,textarea也没有对应的值和checked属性,示例代码如下script src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js/scriptdiv ..

dTree节点查找展开收缩示例

评论(0)浏览(320)分类:JavaScript/Ajax
dTree节点查找展开收缩示例  dTree示例,带查找节点,展开收缩查找到得节点功能,dTree下载:dTree.js下载+API文档  示例实现节点查找,并展开输入的关键字的节点展开dTree包含关键字的节点搜索dTree包含关键字节点  源代码如下!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtdhtmlheadtitledTree示例,带..

修改iealert.js支持jQuery1.9+

评论(0)浏览(166)分类:JavaScript/Ajax
修改iealert.js支持jQuery1.9+  iealert.js使用了jQuery的live方法及$.browser属性,而jQuery1.9+已经不支持这2个方法及属性,所以要兼容高版本jQuery,需要对iealert.js代码进行修改。注意:jQuery2+不再支持IE8-浏览器,不要导入2+以上的jQuery,jQuery会直接报错,不是iealert.js的问题。  修改iealert.js支持jQuery1.9+源代码及样式如下!DOCTYPE html PUBLIC -//W3C/..

多文件选择上传jquery插件

评论(0)浏览(326)分类:JavaScript/Ajax
多文件选择上传jquery插件  发一个支持多文件选择,可以过滤文件类型的纯js(非flash来实现)jquery插件jquery.multiFiles.js。多文件选择需要IE10+和其他标准浏览器,如chrome,firefox才支持。IE9-不支持multiple属性,或者移动端不支持multiple多选择文件时,只能一个一个选择,效果如下  多文件选择上传jquery插件jquery.multiFiles.js有2个方法,reset和setExt。..

修正colResizable超过屏幕宽度无法拖动

评论(0)浏览(141)分类:JavaScript/Ajax
修正colResizable超过屏幕宽度无法拖动  colResizable当页面出现水平滚动条时,无法将拖动块继续拖动出当前可视窗口之外,要解决这个问题,需要修改源代码,当距离右边多少距离时自动滚动水平滚动条,让表格超出可视范围外的内容显示在当前屏幕以便拖动块可以拖动,效果如下  colResizable超过屏幕宽度无法拖动修正如下,注意修改的是非压缩版本的源代码,源代码来源地址:https:..

js破解网站防盗链输出原始图片

评论(0)浏览(140)分类:JavaScript/Ajax
js破解网站防盗链输出原始图片  如何显示网站加了防盗链的图片,破解网站防盗链图片显示。如果要在某个站点加载其他网站的图片,如a.com加载b.com网站的图片,b.com加了防盗链功能,不是b.com允许的域名加载图片时显示防盗链图片,而不是原始图片。a.com要想正常显示b.com的图片,可以使用js来实现。  js破解网站防盗链输出原始图片测试代码如下,加载微信网站图片。div ..

bootstrap datetimepicker添加秒钟选择下拉框

评论(0)浏览(227)分类:JavaScript/Ajax
bootstrap datetimepicker添加秒钟选择下拉框  bootstrap datetimepicker插件没有秒钟选择器,如果要想选择的时间精确到秒没有办法控制,虽然可以配置format:'yyyy-mm-dd hh:ii:ss',会将秒钟添加到输入框中,但是无法控制秒钟数值,默认为当前客户端的时间的秒钟。  本示例修改bootstrap datetimepicker源代码,如果配置了显示秒钟format:'......ss',将会给分钟选择器..

css浮动层lightbox效果

评论(0)浏览(82)分类:JavaScript/Ajax
css浮动层lightbox效果  css浮动层lightbox效果,点击按钮弹出悬浮的选择框怎么实现。!doctype htmlstyle#lightbox{width:100%;height:100%;left:0;top:0;position:fixed;background:#000;filter:alpha(opacity=50);opacity:.5;display:none}#layer{background:transparent;position:fixed;display:none;z-index:10;/*注意下面2行样式,水平垂直居中用*/left:50%;wi..

javascript省市县三级联动示例

评论(0)浏览(347)分类:JavaScript/Ajax
javascript省市县三级联动示例  javascript省市县联动示例。省select可以直接绑定数据,市县生成js数组,通过js获取数据中进行option的添加删除。注意市数据的生成,具体结构看示例。titlejavascript省市县联动示例/title省:select id=pro option value=请选择省/option option value=1北京/option option value=2上海/option option value=3广西/option/sele..

IE8-实现document.getElementsByClassName

评论(0)浏览(46)分类:JavaScript/Ajax
IE8-实现document.getElementsByClassName  IE8-不支持document.getElementsByClassName,IE8-如何实现document.getElementsByClassName功能。  IE8-要想实现document.getElementsByClassName功能,需要使用document.getElementsByTagName获取指定标签集合(或者传递*获取所有节点),然后遍历对比className,包含就压入数组中,然后返回数组。  IE8-不支持document.getElementsBy..

JavaScript限制输入框只允许输入数字和符号,小数点

评论(0)浏览(151)分类:JavaScript/Ajax
JavaScript限制输入框只允许输入数字和符号,小数点  JavaScript限制输入框只允许输入数字和符号,小数点,不允许输入其他内容,并且输入符号后不能在前面输入数字,小数点同理。titleJavaScript限制输入框只允许输入数字和符号,小数点/titleinput type=text onkeydown=return checkKeyCode(event,this) style=ime-mode: disabled; /script function getCursorPosition(el) {//获取光标位置..