多张图片热点如何添加

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

Microsoft.AlphaImageLoader导致链接,输入框失效

评论(0)浏览(466)分类:HTML/CSS兼容/XML
Microsoft.AlphaImageLoader导致链接,输入框失效  IE浏览器下的AlphaImageLoader滤镜会导致该区域内的链接,按钮,输入框无法点击或者输入  解决办法:为链接或按钮添加:position:relative样式使其相对定位  提示:要使用Microsoft.AlphaImageLoader滤镜,需要添加xhtml申明,要不没效果。Microsoft.AlphaImageLoader滤镜讲解测试代码1,没有增加position:relative,输入框无法输入获取..

动态更新的内容如何以瀑布流masonry重新布局

评论(0)浏览(2634)分类:JavaScript/Ajax开发技巧
动态更新的内容如何以瀑布流masonry重新布局  页面第一次加载完毕后执行了masonry绘制瀑布流布局后,后续使用javascript或者ajax更新的节点内容要以masonry瀑布流布局添加到容器里面,可以使用2种方法使新增加的内容以瀑布流的形式呈现1)对总容器调用masonry的reload方法将会重绘容器节点内的所有内容2)对新添加的节点执行masonry的appended方法,对新添加的节点计算新新节点的位置后以..

javascript/asp.net转换字符串为16进制编码

评论(0)浏览(555)分类:JavaScript/Ajax开发技巧
javascript/asp.net转换字符串为16进制编码  将字符串编码为16进制\u(asciis大于256)或者\x(ascii小于等于256)编码的字符串,当原页面和请求页面编码不统一时,可以有效解决中文内容乱码问题。  javascript将字符串转为16进制编码内容,以\x16进制形式显示在源代码中,实现代码的简单加密。源代码如下script function sToHex(str) { var val = ,charCode,s; f..

javascript获取遮盖层被点击时下面的DOM对象

评论(0)浏览(407)分类:JavaScript/Ajax开发技巧
javascript获取遮盖层被点击时下面的DOM对象  今天在csdn看到一个问题:整个网页用div遮住,鼠标点击上面的div怎么获得鼠标下面遮住的HTML元素  思路:计算页面内所有的DOM对象的范围存储在一个数组中,在点击遮盖层的时候获取鼠标点击坐标,然后遍历数组判断点击坐标是否在数组对象的范围之内,是则返回这个对象。  示例代码如下style/stylediv style=width:200px;height:100px;我是..

图片左右滚动效果

评论(0)浏览(121)分类:JavaScript/Ajax开发技巧
图片左右滚动效果  一个图片左右滚动的效果,如果滚动到结尾或者开头时,再点击切换则切换到第一张后缀最后一张,省略中间图片的滚动,直接是首位2张图片滚动的效果。  源代码如下!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 h..

Asp.Net+flash+jquery.TY.js涂鸦插件,可保存涂鸦图片

评论(2)浏览(545)分类:JavaScript/Ajax开发技巧
Asp.Net+flash+jquery.TY.js涂鸦插件,可保存涂鸦图片  20132-20更新:增加了加载图片的缩放功能。将缩放后的宽度传到动态页,动态页获取后重新计算坐标位置后绘图。如果涂鸦不和图片合成,当宽度小于默认的650,绘制一条分隔线。  Asp.Net+flash+jquery实现的在线涂鸦插件,通过将涂鸦数据发送到ashx页面,ashx获取到数据后绘制图片并保存涂鸦图片。  本示例基于謾軻(Manction),http://ma..

图片手风琴效果jQuery插件

评论(0)浏览(209)分类:JavaScript/Ajax开发技巧
图片手风琴效果jQuery插件  图片手风琴效果jQuery插件,要使用本插件需奥导入jquery框架。效果和源代码如下!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtmlheadmeta http-equiv=content-type content=text/html; charset=utf-8/script type=text/javascript src=/js/jquery.js/scripttitle..

网站未发布,ajax能请求的本地资源有哪些

评论(0)浏览(519)分类:JavaScript/Ajax开发技巧
网站未发布,ajax能请求的本地资源有哪些  网站发布,通过http协议访问时,由于浏览器安全问题1)js不允许访问本地文件2)ajax请求也不能访问跨域的页面。3)firefox下端口不一致也会导致跨域  解决办法就是做代理或者使用jsonp操作。参考:AJAX 跨域解决办法  网站未发布,本地file协议测试【就是直接双击打开或者拖拽进入浏览器中】时,有以下几种情况  假设目录结构如下r..

document.createElement创建iframe在IE兼容模式无法指定target问题

评论(0)浏览(428)分类:JavaScript/Ajax开发技巧
document.createElement创建iframe在IE兼容模式无法指定target问题  使用document.createElement创建的iframe对象,在IE兼容模式(包括ie10),IE7-浏览器下运行时,无法在DOM对象中生成name属性(但是却可以获取到name属性为设置的内容,IE真是个大bug),而是变成了一个自定义属性submitName。所以链接对象,表单如果通过target指向这个iframe,那么会在新窗口打开,而不是在document.createElement创建的if..

javascript通过iframe加载同源代理页面实现顶级域跨域操作

评论(0)浏览(4178)分类:JavaScript/Ajax开发技巧
javascript通过iframe加载同源代理页面实现顶级域跨域操作  由于浏览器安全问题,通过域a打开域名b的页面,这2个页面是不能互相操作对方的DOM对象的。(如果顶级域名相同,可以在2个需要互相操作的页面中都执行document.domain='顶级域名'语句,这样2个页面就可以相互操作)  今天在csdn上看到了一个办法,思路如下A域有2个页面a,bB域有一个页面ca使用window.open打开c,由于不同源,所以c..

IE7+浏览器下XMLHttpRequest跨域请求安全配置

评论(0)浏览(1383)分类:JavaScript/Ajax开发技巧
IE7+浏览器下XMLHttpRequest跨域请求安全配置  IE7+浏览器已经开始支持XMLHttpRequest对象,当使用XMLHttpRequest请求不同源的文件(不同域名的页面),和浏览器是否启用安全-》internet区域的通过域访问数据源有关系。如果启用了此选项,那么所有跨域的页面都可以访问,即使跨域的页面没有设置过Access-Control-Allow-Origin响应头。如果禁用了通过域访问数据源,跨域页面设置过Access-Co..

css控制不允许操作iframe内容

评论(0)浏览(353)分类:HTML/CSS兼容/XML
css控制不允许操作iframe内容  css如何禁止用户操作iframe的内容(iframe加载的可能是跨域的页面),如选择iframe里面的内容。  解决办法就是用一个透明的层遮盖在iframe上方,这样就无法操作底层的iframe了。  测试代码如下!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdtitlecss控制不允许..

扑克牌翻牌效果jquery插件

评论(0)浏览(480)分类:JavaScript/Ajax开发技巧
扑克牌翻牌效果jquery插件  用jquery实现的扑克牌翻牌效果,未使用html5,效果当然没有html5的3d好,但是兼容性好。使用的扑克牌图片如下   源代码如下!DOCTYPE HTMLhtmlheadmeta charset=UTF-8/title扑克牌翻牌效果jquery插件/title/headbodyscript type=text/javascript src=http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js/scriptscript type..

jmp3修改版:增加mp3播放完毕执行js回调配置,js控制mp3播放和暂停方法

评论(0)浏览(722)分类:JavaScript/Ajax开发技巧
jmp3修改版:增加mp3播放完毕执行js回调配置,js控制mp3播放和暂停方法  从http://www.sean-o.com/jquery/jmp3下载的flash源文件,修改了fla,新增3项功能1)增加Mp3播放完毕后,如果需要执行js回调,可以通过配置PlayFinish来传递需要执行的js回调函数名称,注意函数需要在window作用域下。2)PlaySong方法,播放mp3,如果需要播放指定次数后停止不在播放,可以结合第1)点的回调,控制播放次数。3)PauseSong方法..

简易flv播放器jquery.jflv.js

评论(0)浏览(1278)分类:JavaScript/Ajax开发技巧
简易flv播放器jquery.jflv.js  简易flv播放器,可用通过js控制flv播放,暂停。具体参考下面的示例说明,已经做成jquery插件形式。注意:要用js控制flv的播放停止,需要将示例发布后,通过http访问,要不会报错:uncaught exception: Error in Actionscript. Use a try/catch block to find error.Line 0  jquery.jflv.js示例及使用说明文档html xmlns=http://www.w3.org..

文章内容复制javascript自动增加出处来源

评论(0)浏览(104)分类:JavaScript/Ajax开发技巧
文章内容复制javascript自动增加出处来源  复制文章内容时,用javascript自动向复制的区域增加浏览器地址栏url地址。  纯javascript实现,不需要任何插件。实现原理:在copy事件中,javascript通过修改selection实现内容复制,先将用户当前选中的内容复制到一个容器里面,让后移除当前用户选择,将容器的内容选中。  测试代码如下script /*文章内容复制javascript自动增加出处..

chrome开发工具source选项卡找不到js文件

评论(0)浏览(650)分类:JavaScript/Ajax开发技巧
chrome开发工具source选项卡找不到js文件  chrome开发工具的sources选项卡会记录浏览器加载的所有资源文件,包括js,css,html资源文件。但是对于使用ajax动态加载的js,css文件,sources选项卡是不会显示此类文件,chrome开发工具的sources选项卡只会记录使用script,link标签加载的js,css资源文件。  如下面的html示例,chrome sources选项卡如下图所示,没有1.js文件记录。scri..

JavaScript如何检查网站是否可以访问

评论(0)浏览(1013)分类:JavaScript/Ajax开发技巧
JavaScript如何检查网站是否可以访问  JavaScript如何检查网站是否出现问题,无法访问。由于安全性问题,不可以跨域执行ajax代码,可以使用Image对象来加载对方服务器的一张图片(一般网站都会有网站图标,这个图标放在根目录下),所以可以加载网站图标来判断是否可用。注意:Image加载的需要是图片,其他非图片文件无法检查网站是否可以访问,即使网站没有问题。titleJavaScript如..

javascript滚动到导航条时如何固定在顶部

评论(0)浏览(1797)分类:JavaScript/Ajax开发技巧
javascript滚动到导航条时如何固定在顶部  当页面上面的不在第一屏显示的导航条,javascript如何将导航条固定在顶部当次导航条已经显示并且滚动到顶部将隐藏的时候。  下面为这个效果的源代码,为了简便,使用了jquery框架div style=height:500px;background:#999/divdiv id=fixedMenu style=background:#eee;width:100%;菜单/divdiv style=height:900px;background:#999/divscript..

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

评论(13)浏览(933)分类:JavaScript/Ajax开发技巧
jquery全年日期选择器日历插件2017-8-2更新1):新增setColors设置单元格颜色,param格式为{defaultColor:'#f00',dc:[{d:'2017-8-2',c:'blue'}..]},dc数组c缺省会用defaultColor代替,defaultColor也缺省默认红色2)将2016-9-28更新整合到yearScale配置里面,配置这个年份变为下拉框,格式如{min:2000,max:2020}2016-9-28更新:如果需要年份选择可以下..

标准浏览器下oninput如何响应javascript动态设置值

评论(0)浏览(791)分类:JavaScript/Ajax开发技巧
标准浏览器下oninput如何响应javascript动态设置值  在标准浏览器下,如firefox或者chrome,oninput事件只有输入或者粘贴剪裁的时候才会响应,而javascript动态设置控件的值时不响应oninput事件,而ie浏览器下的onpropertychange事件则会响应javascript动态设置控件内容时。  要解决oninput不响应javascript动态设置值,可以使用__defineSetter__重新定义value属性值,然后调用oninput事件。..

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

评论(0)浏览(268)分类: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)浏览(203)分类: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' : '打..

microsoft.xmldom加载xml错误缺少所需的空白区

评论(0)浏览(436)分类:HTML/CSS兼容/XML
microsoft.xmldom加载xml错误缺少所需的空白区  用microsoft.xmldom加载xml文件时,如果xml文件添加了DTD,DTD元素名称和说明之间要存在空格,否则会报错。错误原因:缺少所需的空白区。错误行:1  测试代码如下test.htmlscript var xml = new ActiveXObject(microsoft.xmldom); xml.async = false; xml.validateOnParse = true; xml.load(book.xml); document.write(..

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

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

js css3 3d翻牌效果

评论(0)浏览(283)分类:HTML/CSS兼容/XML
js css3 3d翻牌效果!doctype htmlhtml lang=enhead meta http-equiv=Content-Type content=text/html; charset= utf-8 titlecss3 3d翻牌效果/title style* {margin:0;padding:0;list-style-type:none;}.warperMain01_2 {height:auto;background: #eff1f0;font-family:微软雅黑;overflow:hidden; margin:0 !important; padding:5em 0;}.warperMain01_2 h1{..

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

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