jquery模拟marquee滚动

评论(0)浏览(39)分类：JavaScript/Ajax
jquery模拟marquee滚动　　jquery模拟marquee滚动效果，可以设置滚动完毕后间隔多少秒再重新滚动。如果是只需要兼容IE浏览器，marquee有个onfinish事件（需要指定loop或者behavior为behavior=slide才会触发onfinish事件），可以使用此事件结合setTimeout重启marquee。测试firefox不支持marquee的stop和start方法，所以要兼容firefox使用js控制效果最佳。　　jquery模拟..

localStorage,sessionStorage跨域共享解决办法

评论(0)浏览(32)分类：JavaScript/Ajax
localStorage,sessionStorage跨域共享解决办法　　localStorage只有同源的情况下（域名，协议，端口号都一致）才能在不同页面共享。　　sessionStorage生命周期为当前窗口或标签页，一旦窗口或标签页被永久就销毁了，不同页面或标签页间无法共享sessionStorage的信息。共享也有条件限制，如果不能操作跨域页面是无法实现共享的。sessionStorage生命周期比较特殊，需要用html5的的postMessage..

iframe自适应高度

评论(0)浏览(52)分类：JavaScript/Ajax
iframe自适应高度　　iframe自适应高度，设置iframe的高度为加载内容的高度，不出现滚动条。iframe自适应高度源代码如下test.htmla href=index.html target=myifrindex.html/aiframe src=index.html name=myifr style=width:100% onload=setIfrHeight(this)/iframescript function setIfrHeight(el) { el.style.height = el.contentWindow.document.b..

KindEditor IE11下粘贴到最后bug解决办法

评论(0)浏览(70)分类：JavaScript/Ajax
KindEditor IE11下粘贴到最后bug解决办法　　KindEditor 4.1.6在 IE11，内容比较多出现滚动条时，如果想在内容中间粘贴其他内容，会导致粘贴的内容被粘贴到编辑器最后，而不是在光标所在位置。资料引用：https://github.com/kindsoft/kindeditor/pull/193/commits/7e6cde5adc8d105fb2888b038e8e9164a5dd2129#diff-1c90ff38a08209f9ebd4d05d1e43358eKindEditor 4.1.7http://blog.csdn.ne..

kindeditor链接添加SEO rel nofollow

评论(0)浏览(47)分类：JavaScript/Ajax
kindeditor链接添加SEO rel nofollow　　kindeditor如何给链接添加SEO rel属性 nofollow不跟踪外链，效果如下图所示。　　kindeditor版本为KindEditor 4.1.6，其他版本自己按照如下步骤修改源代码，主要是kindeditor-min.js的修改比较麻烦，压缩过的。1）修改配置语言，下载压缩包 lang\zh_CN.js新增如下配置'link.url' : 'URL','link.linkType' : '打..

canvas保存为图片，兼容IE9+，chrome，Firefox

评论(0)浏览(185)分类：JavaScript/Ajax
canvas保存为图片，兼容IE9+，chrome，Firefox　　javascript将canvas对象保存为图片示例，兼容IE9+，chrome，Firefox，效果如下firefox将canvas对象保存为图片chrome将canvas对象保存为图片IE11将canvas对象保存为图片　　javascript将canvas保存为图片源代码如下titlejavascript将canvas对象保存为图片示例/titlecanvas id=c/canvasbr /input type=button value=保存canvas为图片 onclick=..

文字查询焦点效果

评论(0)浏览(78)分类：JavaScript/Ajax
文字查询焦点效果　　文字查询效果，js自动设置查询条件焦点样式，如下图所示　　文字查询效果，js自动设置查询条件焦点样式源代码如下，需要导入jquery框架style a{text-decoration:none} a.cur{background:#00afc7;color:#fff;font-weight:bold;}/stylediv id=dvFilter!--查询条件，容器div增加rel属性存储次条件的查询键名称，连接只需要生成此查询的键..

百度地图搜索当前用户位置附近停车场示例

评论(0)浏览(103)分类：JavaScript/Ajax
百度地图搜索当前用户位置附近停车场示例　　百度地图搜索当前用户位置附近停车场，公园，餐馆示例思路就是用BMap.Geolocation类获取经纬度http://lbsyun.baidu.com/cms/jsapi/reference/jsapi_reference.html#a7b34然后使用BMap.LocalSearch进行搜索停车场http://lbsyun.baidu.com/index.php?title=jspopular/guide/service#.E6.9C.AC.E5.9C.B0.E6.90.9C.E7.B4.A2经测试使用BMap.Geolo..

JavaScript调用百度地图显示驾车，步行导航示例

评论(0)浏览(119)分类：JavaScript/Ajax
JavaScript调用百度地图显示驾车，步行导航示例　　JavaScript调用百度地图显示驾车，步行导航示例JavaScript调用百度地图显示驾车，步行导航示例源代码如下htmlhead meta http-equiv=Content-Type content=text/html; charset=utf-8 / meta name=viewport content=initial-scale=1.0, user-scalable=no / style type=text/cssbody, html {width: 100%;height: 100%; margin:0;font-f..

如何阻止微信打开网页下拉显示黑色背景

评论(0)浏览(1595)分类：JavaScript/Ajax
如何阻止微信打开网页下拉显示黑色背景　　网页在微信中打开时，处于第一屏，如果触屏往下滑动时，在屏幕上方会显示一个黑色背景块显示网页由xxxx提供，QQ浏览器x5内核提供技术支持的信息。　　如何禁止触屏下滑显示这个信息呢，解决办法就是添加touchstart和touchend事件，在touchstart中阻止默认事件，touchend中设置body或者documentElement的scrollTop来实现滚动。　　如何阻止网..

addEventListener第三个参数useCapture说明

评论(0)浏览(90)分类：JavaScript/Ajax
addEventListener第三个参数useCapture说明　　addEventListener第三个参数useCapture为布尔变量（true/false），用于指定事件使用冒泡（false）还是捕获（capture）方式，一般设置未false，使用冒泡方式。　　以下面示例说明addEventListener第三个参数useCapture配置不同值，点击最里层Level3执行顺序。titleaddEventListener第三个参数useCapture说明/titlestylediv{border:solid 1px ..

JavaScript调用百度语音朗读信息

评论(1)浏览(176)分类：JavaScript/Ajax
JavaScript调用百度语音朗读信息　　titleJavaScript利用百度语音服务朗读文字示例/title名字：input type=text id=txtName /br其他：input type=text id=txtOther /input type=button onclick=setSrc() value=朗读/div id=dvAudio/divscript type=text/javascript function setSrc() { var t = (document.getElementById('txtName').value + ' ' + ..

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

评论(0)浏览(114)分类：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)浏览(63)分类：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)浏览(165)分类：JavaScript/Ajax
kindeditor预览窗口如何全屏显示　　如何修改kindeditor预览窗口全屏实现，kindeditor的预览窗口不是全屏的，如果要改为全屏预览，可以修改kindeditor\plugins\preview\preview.js文件如下即可实现全屏预览（注意修改窗口大小是不会自适应的，只是点击预览按钮时当前窗口大小）。/******************************************************************************** KindEdito..

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

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

select2动态添加选项

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

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

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

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

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

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

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

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

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

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

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

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

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