jquery实现章节目录效果

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

javascript ==和===如何比较值,类型转换

评论(0)浏览(17)分类:JavaScript/Ajax开发技巧
javascript ==和===如何比较值,类型转换===运算符判断相等的流程是怎样的如果两个值不是相同类型,它们不相等如果两个值都是null或者都是undefined,它们相等如果两个值都是布尔类型true或者都是false,它们相等如果其中有一个是NaN,它们不相等如果都是数值型并且数值相等,他们相等, -0等于0如果他们都是字符串并且在相同位置包含相同的16位值,他它们相等;如果在长度或者内容上不..

下载谷歌字体woff2放到服务器cancel加载失败provisional headers are shown

评论(0)浏览(33)分类:JavaScript/Ajax开发技巧
下载谷歌字体woff2放到服务器cancel加载失败provisional headers are shown  由于谷歌被墙的原因,无法直接引用谷歌的css资源和字体,要想引用谷歌的字体,可以先翻墙,将css文件中的woff2,woff之类的字体文件下载下来放到自己的服务器上。  最近将谷歌字体Open Sans字体下载下来放到自己服务器后,web服务器已经配置好woff,woff2字体文件的mime类型font/woff2,可以访问woff2字体文件弹出下载框,但是加载css文件..

easyui datebox设置日期范围,其他不可选

评论(0)浏览(68)分类:easyui开发技巧
easyui datebox设置日期范围,其他不可选  easyui datebox没有同my97日历控件配置限制可以选择日期的范围,easyui要限制日期选择,需要自己扩展功能。  easyui datebox参考其他控件值设置范围可以参考此文:easyui datebox范围设置日期对比参考  easyui datebox设置日期范围,其他不可选源代码如下,easyui测试版本为1.3.3,1.4,1.4.1,1.4.3,1.4.4,其他版本没效果可以最后留言..

XMLHttpRequest加载视频并播放

评论(0)浏览(108)分类:JavaScript/Ajax开发技巧
XMLHttpRequest加载视频并播放  XMLHttpRequest加载视频文件2进制数据流到客户端,并使用video控件播放。结合XMLHttpRequest Level 2特性,可以使用XMLHttpRequest对象接受服务器端返回的2进制数据流,然后使用生成blob对象,URL.createObjectURL生成文件引用路径赋值给video标签即可播放。  XMLHttpRequest加载视频并播放源代码如下%@ Page Language=C# AutoEventWireup..

easyui tabs按下鼠标连续滚动tab页头容器

评论(0)浏览(46)分类:easyui开发技巧
easyui tabs按下鼠标连续滚动tab页头容器  easyui tabs如果tab很多,tab header无法容下所有tab时会出现滚动的左右箭头,如下图所示  点击箭头一次只会滚动一次,如果想实现鼠标按下连续滚动tab header,可以添加以下代码实现鼠标按下后连续滚动。 script $(function () { var tt,delay=300;//计时器延时移动300ms//注意如果你的tab容器id不是tt,修改这里 ..

javascript混淆加密

评论(0)浏览(65)分类:JavaScript/Ajax开发技巧
javascript混淆加密  javascript另类混淆加密源代码:textarea id=ta style=width:100%;height:300pxalert('大家好,我是showbo!𠮷双字节测试')/textareainput type=button value=加密 onclick= taEncrypt.value = encrypSource(ta.value); / input type=button value=执行加密代码 onclick=eval(taEncrypt.value) /br /加密后代码:textarea id=taEn..

jqGrid没有数据标题超出容器部分无法滚动解决办法

评论(0)浏览(61)分类:jqGrid中文API
jqGrid没有数据标题超出容器部分无法滚动解决办法  jqGrid没有数据时,标题超出容器部分无法滚动,如下图所示jqGrid有数据,可以出现水平滚动条jqGrid无数据,没有滚动条,无法滚动显示其他部分页头  因为jqGrid页头使用js来移动的,页头容器默认overflow:hidden,只需要添加loadComplete事件判断没有数据往head添加样式允许出现水平滚动条即可。本示例居于4.6版本jqgrid,其他版本注意修改..

隐藏amcharts漏洞图中指定图形

评论(0)浏览(38)分类:JavaScript/Ajax开发技巧
隐藏amcharts漏洞图中指定图形  隐藏amcharts漏洞图中指定图形  下面示例通过查找漏斗图中图形对应文字的文字容器,然后通过文字容器定位图像执行隐藏,文字容器的前一个节点为图形。  源代码如下,直接测试官网示例,https://www.amcharts.com/demos/3d-funnel-chart/,控制台输入下面的代码,效果如下function hideSVGByText(text) { var tspan = document.querySel..

ExtJs获取rownumberer列值

评论(0)浏览(44)分类:extjs开发技巧
ExtJs获取rownumberer列值  extjs如何获取rownumberer列的值,rownumberer列是自动增长的列,配置dataIndex无效,配置了editor也不能修改rownumberer的值。  如果没有对数据进行删除操作,直接store.getCount()获取总记录数遍历一次就得到rownumberer值了。如果做了删减操作,rownumberer列值不连续,需要获取这些不连续的值,可以通过遍历dom来获取。  ExtJs获取r..

去掉FusionCharts XT Trial试用文字

评论(0)浏览(49)分类:JavaScript/Ajax开发技巧
去掉FusionCharts XT Trial试用文字  js移除FusionCharts XT Trial试用文字,不试用ie7-FusionCharts XT Trial字样移除FusionCharts XT Trial字样  移除FusionCharts XT Trial试用文字源代码如下htmlhead meta content=text/html; charset=UTF-8 http-equiv=content-type link href=/css/normalize.css type=text/css rel=stylesheet link href=/css/result-light.cs..

javascipt修改css级联样式表类和伪类样式

评论(0)浏览(436)分类:JavaScript/Ajax开发技巧
javascipt修改css级联样式表类和伪类样式  javascript修改级联样式表文件或者内嵌级联样式表中定义的类样式属性。需要注意的是级联样式中的伪类直接替换属性值无效,需要新增样式进行覆盖,替换值不起作用!doctype htmltitlejavascipt修改css级联样式表类和伪类样式/titlestyle.exampleA{color:Blue}.exampleA:before {content:-;color:red;font-size:20px;font-weight:bold}/style!-..

js对中文进行gb2312/gbk编码解码

评论(0)浏览(1430)分类:JavaScript/Ajax开发技巧
js对中文进行gb2312/gbk编码解码  JavaScript使用的是Unicode编码,使用内置的encodeURIComponent,encodeURI,escape都是编码为Unicode的url编码,如果传递这些编码到gb2312或者gbk编码的页面就会乱码。  下面是用js中实现GBK/gb2312编码。适合使用js进行页面参数传递时,给GBK/gb2312编码页面传递参数,解决乱码。  点击下载:js对中文进行gb2312/gbk编码类库  下载..

修改kindeditor编辑器默认显示行高

评论(0)浏览(74)分类:JavaScript/Ajax开发技巧
修改kindeditor编辑器默认显示行高  如何修改kindeditor编辑器显示框里面内容的默认行高。  通过上图知道kindeditor编辑器的输入容器(body)有ke-content样式,但是编辑器iframe并没有定义ke-content样式,所以只需要加上ke-content样式定义下line-height就行了。  记事本打开kindeditor-min.js或者kindeditor-all-min.js,如果导入的未压缩的自己记事本打开对应的js文件即..

javascript保存类实例

评论(0)浏览(22)分类:JavaScript/Ajax开发技巧
javascript保存类实例  javascript如何保存创建的所有类实例作为类的静态属性,实例代码如下script function MyObj(name, instancename) { if (MyObj.instances[instancename]) instancename += '_1';//如果重名则重新命名实例名称 MyObj.instances[instancename] = this; this.name = name; this.showwho = function () {..

easyui calendar日历头部格式修改

评论(0)浏览(151)分类:easyui开发技巧
easyui calendar日历头部格式修改2017-6-3:更新,直接修改jquery.easyui.min.js源代码,用下面的代码如果点击页头弹出月份选择层,点击层上的按钮还是会显示默认的月年格式,还的给月份层对象添加click事件。太麻烦还不如直接修改源代码。记事本打开jquery.easyui.min.js,查找 find(.calendar-title span).html,这个就是设置calendar头部内容,将参数值改为下面。注意:jquer..

easyUI tree自定义展开,收缩图标

评论(0)浏览(184)分类:easyui开发技巧
easyUI tree自定义展开,收缩图标  easyUI tree自定义展开,收缩图标.easyUI tree数据节点有iconCls配置可以给节点配置自定义图标,iconCls自定义图标后,对于有子节点的节点,展开和收缩状态都显示的是同一个图标,要想这个节点展开,收缩状态显示不同的图标,需要修改源代码来实现。  本示例居于jquery-easyui-1.4.4修改,效果如下所示,其他版本的修改应该差不多,找不到..

iframe自适应高度

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

localStorage,sessionStorage跨域共享解决办法

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

jquery模拟marquee滚动

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

JS使用json数据自动填充表单

评论(0)浏览(156)分类:JavaScript/Ajax开发技巧
JS使用json数据自动填充表单  JS使用json数据自动填充表单titleJS使用json数据自动填充表单示例/titleform name=myformtext:input type=text name=text /br /textarea:textarea name=textarea/textareabr /radio:input type=radio name=radio value=radio1 /radio1 input type=radio name=radio value=radio2 /radio2br /checkbox:input type=checkbox name=checkbox va..

jqGrid获取选中数据行

评论(0)浏览(124)分类:jqGrid中文API
jqGrid获取选中数据行  jqGrid没有提供类似easyui datagrid的getChecked/getSelected方法获取勾选的或者选中的数据行api,所以jqGrid要获取multiselect为true时被勾选的记录,需要自己遍历勾选的checkbox获取id后通过getRowData方法获取数据行。  jqGrid获取选中数据行源代码如下html headmeta http-equiv=content-type content=text/html;charset=utf-8 /tit..

文章评分评级jquery插件

评论(1)浏览(195)分类:JavaScript/Ajax开发技巧
文章评分评级jquery插件居于jquery框架的文章评分评级插件,效果如下数据库设计很简单,就用一个字段存储score,记录1-5星投票的人数,用|分隔开。循序为5星|4星|3星|2星|1星注意:这个字段的默认值要设置为0|0|0|0|0测试源代码及相关使用说明如下script type=text/javascript src=http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js/scriptstyle.codes..

jQuery jsonp跨域原理

评论(0)浏览(1096)分类:JavaScript/Ajax开发技巧
jQuery jsonp跨域原理  实际上单jQuery还是实现不了跨域加载数据的,由于XMLHttpRequest的安全设置,是不允许直接跨域的。jQuery的jsonp虽然能跨域,但是还得请求的页面支持才行,如果请求的页面不理会jQuery发送的参数,是无法跨域的,实际上来说是获取不到输出的页面内容。  jQuery jsonp跨域原理实际就是使用script标签加载配置对象中的跨域url,再使用script..

javascript通过鼠标拖拽修改图片大小和位置

评论(0)浏览(151)分类:JavaScript/Ajax开发技巧
javascript通过鼠标拖拽修改图片大小和位置  javascript实现图片的拖拽移动,给图片添加锚点,放到锚点上出现resize鼠标形状,按下鼠标拖拽更改图片大小,效果如下  源代码如下!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 conte..

css hover伪类

评论(0)浏览(64)分类:HTML/CSS兼容/XML
css hover伪类  :hover伪类应用处于悬停状态的元素。悬停定义为用户指示了一个元素但没有将其激活。对此最常见的例子是将鼠标指针移到 HTML 文档中一个超链接的边界范围内。理论上,其他元素也可以处于悬停状态,在css2的定义中:hover伪类可以应用在全部元素上。  但是在ie6浏览器下面,只有链接标签a支持:hover伪类,对于ie6需要使用js,而ie7/ff/op/sa直..

css自定义title显示位置

评论(0)浏览(206)分类:HTML/CSS兼容/XML
css自定义title显示位置  通过div+css,可以取消鼠标移动到有title控件上时显示的系统默认提示。思路主要是设置控件的位置为position:relative,给控件内置一个span,设置position:absolute;,然后通过:hover伪类实现span display属性的控制,效果如下  源代码如下!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/x..

C#/vbscript/JS如何加密保护HTML/javascript源代码

评论(1)浏览(755)分类:JavaScript/Ajax开发技巧
C#/vbscript/JS如何加密保护HTML/javascript源代码  本文通过将源代码进行unicode转换后进行混淆加密,对HTML或者javascript源代码进行加密,将内容转换为一些看似乱码的内容,然后通过客户端的JS脚本反相解析回来。  HTML/javascript源代码加密混淆算法1)ASCII编码内可见字符【33~126】,33~79进行+47操作操作,80~126进行-47操作2)ASCII编码内部可见字符【0~32,127】,【128~133】,不操..

多张图片热点如何添加

评论(0)浏览(152)分类:HTML/CSS兼容/XML
多张图片热点如何添加  由于图片的热点一般都是写死在HTML源代码里面了,所以如果有多张独立的图片需要增加热点,而且需要根据条件显示或者隐藏其中的某些图片时,这样图 片的位置就会发生变动,从而导致添加的热点对不上原图片的位置而导致失效或者乱套了。下面为1张图片拆分成4张进行热点操作。  实现要点:图片要有position为relative的容器,添加的热点就会变..

javascript实现图片抖动

评论(0)浏览(41)分类:JavaScript/Ajax开发技巧
javascript实现图片抖动  javascript实现图片抖动源代码,通过设置marginTop和marginLeft实现htmlheadmeta http-equiv=content-type content=text/html;charset=gb2312 /titlejavascript实现图片抖动源代码/titlestyle type=text/css.shakeimage{position:absolute; left:200px; top:200px;}/style/headbodyinput type=button value=开始抖动 onclick=start(this,10,..