javascript图片震动效果jQuery插件

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

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

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

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

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

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

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

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

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

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

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

bootstrap datetimepicker添加秒钟选择下拉框

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

css浮动层lightbox效果

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

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

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

jQuery软键盘插件

评论(0)浏览(423)分类:JavaScript/Ajax
jQuery软键盘插件  居于jquery框架的软键盘插件。javascript实现软键盘输入。软键盘效果如下图  jQuery软键盘实现源代码如下!DOCTYPE htmlstylediv.softkb{display:inline-block;position:relative;height:23px;}div.softkb img{cursor:pointer;position:absolute;top:4px;right:5px}div.keyboard{position:absolute;border:solid 1px #5c5c5c;zoom:1;overfl..

javascript计算指定范围内的质数

评论(0)浏览(54)分类:JavaScript/Ajax
javascript计算指定范围内的质数  质数(prime number)又称素数,有无限个。质数定义为在大于1的自然数中,除了1和它本身以外不再有其他因数的数称为质数。  算法:判断一个数是否是质数,只需判断它是否能被小于它开跟后后的所有数整除,这样做的运算就会少了很多,因此效率也高了很多。算法来源:http://blog.sina.com.cn/s/blog_622e77cc0100n5lm.html  javascript计..

jquery实现章节目录效果

评论(0)浏览(768)分类:JavaScript/Ajax
jquery实现章节目录效果  本示例实现文章详细内容如果添加了anchor锚点时,在页面右边生成一个不随页面滚动的固定anchor列表,当那些章节锚点显示在浏览器可见视窗内,增加浮动章节列表的锚点获得焦点的样式。章节的锚点位置注意看示例中的代码,将会取章节容器中的第一个子元素锚点作为章节目录列表内容。jquery实现章节目录效果源代码!DOCTYPE html PUBLIC -//W3C/..

jQuery自适应容器焦点图,兼容移动端

评论(0)浏览(308)分类:JavaScript/Ajax
jQuery自适应容器焦点图,兼容移动端  jQuery自适应容器焦点图,兼容移动端浏览器,支持移动端的touch触碰事件滑动切换图片。效果如下  兼容移动端的焦点图,只要放到指定的容器中,焦点图会自动水平填满容器宽度,移动端显示只需要控制指定容器的宽度,不需要关心焦点图显示,会自动填满此容器宽度,高度等比计算得出,图片不会变形。  jQuery自适应容器焦点图,兼容移动端浏..

jquery全年日期选择器日历插件

评论(12)浏览(326)分类:JavaScript/Ajax
jquery全年日期选择器日历插件2016-9-28更新:如果需要年份选择可以下拉,修改如下源代码return this.addClass('fullYearPicker').each(function () {.................});这部分替换为下面的 return this.addClass('fullYearPicker').each(function () { var me = $(this), year = config.year || new Date().getFullYear(), ..

javascript客户端图片预览,兼容最新firefox,chrome和IE11

评论(0)浏览(3513)分类:JavaScript/Ajax
javascript客户端图片预览,兼容最新firefox,chrome和IE11  javascript实现客户端file选择文件后img标签加载客户端图片实现图片预览。  测试浏览器:firefox6,firefox12,chrome 25.0.1364.172 m,IE6-IE11 都兼容  safari5.0.4不支持FileReader和file.files.item(0).getAsDataURL方法,暂时无解,需要上传到服务器后返回临时文件名用img标签加载,不知道后续的safari版本是否支持FileReader对象..

select多选option左右上下移动示例

评论(0)浏览(77)分类:JavaScript/Ajax
select多选option左右上下移动示例  select多选option在2个select间左右移动,将选中的option上下移动示例titleselect多选option左右移动示例_JavaScript/Ajax_Web开发网/titletable border=1 tr td select multiple size=10 id=s1 script for (var i = 0; i 15; i++) document.write('option' + i + '/..

表格列交换,拖拽改变列宽效果

评论(0)浏览(304)分类:JavaScript/Ajax
表格列交换,拖拽改变列宽效果  表格可以拖拽更换每列循序,并且可以拖拽修改每列长度jquery插件。使用到了colResizable-1.3.min.js(更改列宽)和colExchange.js(拖拽交换列位置,并且扩展了2个方法removeCol删除列和addCol添加列API方法)这2个插件,效果如下。  表格列交换,拖拽改变列宽示例,查看效果点击这里:表格列交换,拖拽改变列宽示例!DOCTYPE htmlhtml lan..

jquery ui draggable限制拖动区域

评论(0)浏览(73)分类:JavaScript/Ajax
jquery ui draggable限制拖动区域  jquery ui draggable如何限制被拖动对象的位置区域,不允许在指定区域内容放置被拖动的对象,如果在禁止区域内容放置对象则还原被拖动对象位置,效果如下。  jquery ui draggable限制拖动区域源代码如下!doctype htmlhtml lang=enheadmeta charset=utf-8titlejquery ui draggable限制拖动区域/titlelink rel=stylesheet href=http://code...

Jstorage类库本地存储数据

评论(0)浏览(44)分类:JavaScript/Ajax
Jstorage类库本地存储数据  jStorage使用 HTML5localstorage 作为存储容器或者不支持local storage时(IE7-)则使用 userDatabehavior 作为存储容器。  对于IE浏览器,存储的数据位置为userData  在XP下,一般位于C:\DocumentsandSettings\用户名\UserData,有些时候会在C: \DocumentsandSettings\用户名\ApplicationData\Microsoft\InternetExplorer \UserData。 ..

jquery仿淘宝规格颜色选择效果

评论(0)浏览(1925)分类:JavaScript/Ajax
jquery仿淘宝规格颜色选择效果2016-8-9:新增剩余数量。  jquery实现的仿淘宝规格颜色选择效果源代码如下script type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js/scriptstyledd,dl{zoom:1;overflow:hidden}dt,li{float:left;list-style:none;margin-left:10px;line-height:50px}dt a,li a{display:block;text-align:center;border:so..

javascript获取星座代码

评论(0)浏览(93)分类:JavaScript/Ajax
javascript获取星座代码  javascript获取星座源代码script //javascript获取星座函数 //@month:月份,注意从1开始。日期对象是从0开始 //@date:日期 function getStar(month, date) { var star = { 魔羯座: [[12, 22], [1, 19]], 水瓶座: [[1, 20], [2, 18]], 双鱼座: [[2, 19], [3, 20]], 白羊座: [[3, 21], [4, 19]], 金..

my97计算2个时间差

评论(0)浏览(45)分类:JavaScript/Ajax
my97计算2个时间差  my97日历如何计算2个时间差,实现方法就是2个my97都配置onpicked,判断都选择值后转为日期对象相减下就得到相差的毫秒了,再转为单位。  my97日历如何计算2个时间差源代码如如下script language=javascript type=text/javascript src=/demo/my97/WdatePicker.js/scriptscript function compute() { var d1 = document.getElemen..

js读取设置cookie示例

评论(0)浏览(82)分类:JavaScript/Ajax
js读取设置cookie示例titlejs读取设置cookie示例/titlescript //js设置cookie函数 //@name:cookie名称,不可省略 //@value:cookie值,不可省略 //@day:有效期,单位天。如果不设置则为内存cookie function setCookie(name, value, day) { var d = day == undefined ? null : new Date(); if (d) d.setDate(d.getDate() + day); ..

ligerui tree如何获取全路径,包含父节点

评论(0)浏览(89)分类:JavaScript/Ajax
ligerui tree如何获取全路径,包含父节点  ligerui的tree控件,如何获取全路径,选择子节点后,父节点没有被勾选也一起获取,效果如下  ligerui tree如何获取全路径,包含父节点源代码如下。版本为V1.2.5,其他版本自己对照api和生成的树结构修改对应的方法名称和jquery选择器。示例居于ligerui\V1.2.5\Source\demos\tree\treedata.htm进行修改。!DOCTYPE html PUBLIC -//W3C//DTD ..