首先创建html页面为sort.html ,并把下面的内容复制进去 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> .desc span{ display:none;} .asc em{ display:...
在编写处理xml的网页时,经常为浏览器兼容性头疼。于是我将常用的xml操作封装为函数。经过一段时间的改进,现在已经很稳定了,用起来很舒服。 函数有—— xml_loadFile:xml同步/异步加载。 xml_transformNode:xsl转换。 xml_text:节点的文本。 selectSingleNode:根据XPath选择单个节点。 selectNodes:根据XPath选择多个节点。 全部代码(zyllibjs_xml.js)—— 代码如下:/* zyllibjs_xml XML处理 @author zyl910 注意...
文本框: 代码如下:<input type="text" onkeydown="keydownsearch(event)" /> js代码: 代码如下:function keydownsearch(evt) { evt = (evt) ? evt : ((window.event) ? window.event : "") keyCode = evt.keyCode ? evt.keyCode : (evt.which ? evt.which : evt.charCode); if (keyCode == 13) { search();//搜索事件 } }
早期我给出的判定是基于UA,在UA中它有一个独一无二的Chrome字符串。 代码如下:var isChrome = window.navigator.userAgent.indexOf("Chrome") !== -1 今天发现chrome还是有一些独一无二的东西,基于它们,我们就可以搞出基于特征的判定了。 代码如下:var isChrome = window.google && window.chrome 这两个东西,前者拥有其本地数据库gears,后者不知什么东东,有两个属性csi与loadTimes。 更多可以参考JavaScript 判断浏览器...
一直很想做这个效果,原理是监听鼠标滚轮事件;可将此效果继续发散到其他应用上,如图片缩放,页面缩放等。滚轮效果 -http://www.51obj.cn/ var oTxt=document.getElementById("txt"); /*********************** * 函数:判断滚轮滚动方向 * 参数:event * 返回:滚轮方向 1:向上 -1:向下 *************************/ var scrollFunc=function(e){ var direct=0; e=e || window.event; if(e.wheelDelta){ direct=e.whe...
还好网上什么都有,上网找了一个浏览器兼容性最佳的函数,经测试兼容IE、FireFox、Chrome,并且不会有滚动条误差问题,存档下,以备后用 :) 代码如下:function mousePos(e){ var x,y; var e = e||window.event; return { x:e.clientX+document.body.scrollLeft+document.documentElement.scrollLeft, y:e.clientY+document.body.scrollTop+document.documentElement.scrollTop }; }注:此函数配合...
/* 对联广告调用 第一个参数为ID,第二个参数图片,第三个参数广告距离顶部的距离, 第四个参数表示左右(true代表左,false代表右),第五个参数对联广告的宽度 */ new float_ad("ad_l","<img src='/System/uploads/allimg/090504/2346400.gif' />",50,true,64); new float_ad("ad_r","<img src='/System/uploads/allimg/090504/2346400.gif' />",50,false,64); /* 漂浮广告调用 第一个参数中的url代表漂浮广告的图片URL地址(必选项),lin...
qsoft.PopBigImage.v0.35.demo.rar 新特性: 1、不需要onload加载和指定id了,在img中加个标记就好,第一鼠标进入时动态生成显示层 2、可以随意调整,右边的展示层的大小了。 qsoft.PopBigImage version:0.35 author: kimmking@163.com date: 2009年3月26日 15:20:50 功能描述: 一般页面的的图片为了布局考虑,显示大小都小于实际大小。 鼠标在图片上移动时,在旁边展示一个跟此图片显示大小一样的层。 并讲鼠标附近区域对应的...
Javascript Debug Toolkit 是一个开源免费的eclipse插件,官方主页:http://code.google.com/p/jsdt 下图给出一个调试工具支持的浏览器对照表工具\浏览器IeFirefoxSafariChromeOpera其他VS.net支持 Microsoft Script Debugger支持 Firebug 支持 venkman 支持 NebBeans支持支持 Aptana支持支持 Eclipose ATF 支持 MyEclipse 支持 Javascript Debug Toolkit支持支持支持支持支持支持所有可以发送ajax请求的...
在IE7/ Firefox 3.0/ Google Chrome通过测试 CloseDemo.htm 代码如下:<script> var browserName=navigator.appName; if (browserName=="Netscape") { function closeme() { window.open('','_parent',''); window.close(); } } else { if (browserName=="Microsoft Internet Explorer") { function closynoshowsme() { window.opener = "whocares"; window.close(); } } } </script> <input type="button" value="close me 3" onc...
WEB设计里什么是树?简单讲,点击一个链接,会展开下级目录,再点击会合上,这个就是最简单的树,如何去实现呢,也很简单,css里有一个属性display,这个可以控制内容的现实还是不显示,那么再通过js来控制css的属性即可实现,看如下代码: <div>顶级目录</div> <div id="menulist"> <div>菜单1</div> <div>菜单2</div> <div>菜单3</div> </div> 这个就算是树的原型了,当然初始状态给他加上css的display属性,display最常用的是no...
JavaScript Chrome HTML html5 API 如题 chrome html 用纯javascript 遍历文件夹结构 像IE中有 new ActiveXObject("Scripting.FileSystemObject") 类似这种的, 在详细描述一下,就是在html中 实现 遍历本地的一个指定路径文件夹 把其下的文件夹和文件的路径和文件信息取出来。 求解! 回复讨论(解决方案) 这样的代码,浏览器安全限制是不允许的吧,亲。 没关系 是在无网络的情况下 自己搜索 html的fi...
请问下该怎么修改啊 目前只在IE里有效,到了360等浏览器里就横着一大条图片,页面错乱,不滚动。 回复讨论(解决方案) 推荐你使用这个JS滚动类。 http://www.popub.net/ 推荐你使用这个JS滚动类。 http://www.popub.net/ 看不懂这个啊 我发的这个好修改吗? 求救啊 你这个没有任何兼容性的处理,当然会在某些浏览器里失效了。 仔细看一下我发的那个MSClass,有示例的,抄一下...
WEB设计里什么是树?简单讲,点击一个链接,会展开下级目录,再点击会合上,这个就是最简单的树,如何去实现呢,也很简单,css里有一个属性display,这个可以控制内容的现实还是不显示,那么再通过js来控制css的属性即可实现,看如下代码: 顶级目录 菜单1 菜单2 菜单3 这个就算是树的原型了,当然初始状态给他加上css的display属性,display最常用的是none和block属性 none即不显示,而block则象块类型元素一样显示,再看代码 顶...
Chrome?是?Google?出品的一款非常优秀的浏览器,其内置了开发者工具(Windows?系统中按下?F12?即可开启),可以让我们方便地对?JavaScript?代码进行调试。为方便大家学习和使用,本文我对?Chrome?的调试技巧做个系统的总结。 ? 一、设置断点有两种方法可以给代码添加断点 方法1:在 Source 内容区设置 (1)找到要调试的文件,然后在内容源代码左侧的代码标记行处点击,即可打上一个断点。 (2)刷新浏览器,当页面代码运行到断点...