下面是页面的dom结构 代码如下: One Two Three Four 下面是javascript代码 代码如下: //根据ID获取对象 function id(v) { return document.getElementById(v); } //根据标记获取对象 function tag(element, t) { return element.getElementsByTagName(t); } window.onload = function() { //获取test下的所有li对象 var li = tag(id("test"), "li"); //用循环绑定鼠标单击事件 for(var i=0; i<li.length; i++) { li[i].onclic...
因为加载内容比较慢,所以用户可能在li上不经意点击了两次,那么就会请求两次,这是我们不想看到的。 今天在javascript-jquery群上一筒子发了两个demo给我,他的方法是先将单击的li节点拷贝出来,在加载完后 在重新插回去,显然不太适合我做的功能。 正一筹莫展,想了一下,何不在li点击时加入loading图片(在ajax加载前),判断li节点上是否存在了img元素, 没有则加载ajax内容,否则不处理。 测试了可以通过,(^o^)/。 代码如下...
代码如下: var time1="2010-11-01 10:12:12"; var time2="2010-11-01 11:12:12"; var t1=new Date(time1.replace(/-/g, /)); var t2=new Date(time2.replace(/-/g, /)); alert((t2-t1).toString()=="3600000"?"yes":"no");
代码如下: Array.prototype.swap = function(i, j) { var temp = this[i]; this[i] = this[j]; this[j] = temp; } Array.prototype.bubbleSort = function() { for (var i = this.length - 1; i > 0; --i) { for (var j = 0; j { if (this[j] > this[j + 1]) this.swap(j, j + 1); } } } Array.prototype.selectionSort = function() { for (var i = 0; i { var index = i; for (var j = i + 1; j { if (this[j] } this.swap(i, i...
在我这里,我选择将xml直接转换为json,以便后续javascript应用的处理。我使用.net平台构建简单的webservice。 Request.asmx 代码如下: using System; using System.IO; using System.Collections; using System.Collections.Generic; using System.ComponentModel; using System.Web; using System.Web.Services; using System.Web.Services.Protocols; using System.Drawing; using System.Drawing.Imaging; namespace NightKid...
代码如下: $(function(){ c_url = 'http://s8.hk:8088/s8/s?format=text&longUrl='; c_url += document.location.href; c_url += '&jsonp=?' $.getJSON(c_url, function(data){ $("本文短址:").css("font-weight", "normal") .css("font-size", "12px") .append($(""+data+"").attr("href", data)) .appendTo(".post .postTitle"); # 此行需要特殊处理,不过在博客园一般情况下是不用修改的。 }); }); JavaScript教程/参考手册 ...
图片的左右移动,动画效果的实现 =(xk+xp)/2) { if (smer == 1) step--; else step++; } else { if (smer == 1) step++; else step--; } if (x >= xk) { x = xk; smer = -1; } if (x [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
先来看概念,首先DOM是一棵树,其根节点是Document,大致可以用下图来表示: 所谓“最近的共有祖先元素”,是指给定一系列元素,找出在树中深度最大的,但同时为所有这些元素的祖先元素的元素。 比如上图中,I和G的结果为C,G和H的结果为A,D和E的结果为html,C和B的结果为html等。 测试驱动 对于偏逻辑的题,并没有十足的把握函数是正确的,因此还是先构造测试的用命,力求让函数通过测试。 本次就以上图的结构作为DOM结构,A表示...
test.htm 代码如下: array-remove-repeate .tt{ background-color:#006699; height:3px; overflow:hidden;} if(!console) { var console={}; console.log=function(str){alert(str);} } Array.prototype.unique1 = function () { var r = new Array(); label:for(var i = 0, n = this.length; i for(var x = 0, y = r.length; x if(r[x] == this[i]) { continue label; } } r[r.length] = this[i]; } return r; } Array....
三个页在同一个窗口,分别为main.htm,left.htm和right.htm。 main.htm 代码如下: 实现跨 主窗口 left.htm 代码如下: 左边 我是左边 right.htm 代码如下: 右边 function onclickRefresh() { parent.frames[ "left"].location.reload(); //window.left.location.reload(); } 看到right.htm里面 function onclickRefresh()通过 parent.frames["left"].location.refresh();来实现右边页面刷新左边页面. 如...
代码非常简洁且兼容多浏览器的拖动层 这里是层标题jb51.net var posX; var posY; fdiv = document.getElementById("f"); document.getElementById("title").onmousedown=function(e) { if(!e) e = window.event; posX = e.clientX - parseInt(fdiv.style.left); posY = e.clientY - parseInt(fdiv.style.top); document.onmousemove = mousemove; } document.onmouseup = function() { document.onmousemove = null; ...
效果图 在线演示http://demo.jb51.net/js/jquery_baobiao/index.html打包下载 http://xiazai.jb51.net/201101/yuanma/jquery_baobiao.rar 代码如下: $(function() { $("#tabs").tabs(); }); gvChartInit(); jQuery(document).ready(function() { jQuery('#myTable1').gvChart({ chartType: 'AreaChart', gvSettings: { vAxis: { title: '金额' }, hAxis: { title: '月份' }, width: 720, height: 300 } }); jQuery('#myTable2')...
function loadScript(url, callback){ var script = document.createElement("script") script.type = "text/javascript"; if (script.readyState){ //IE script.onreadystatechange = function(){ if (script.readyState == "loaded" || script.readyState == "complete"){ script.onreadystatechange = null; callback(); } }; } else { //Others script.onload = function(){ callback(); }; } script.src = ur...
假如是14话,用户录入前就用14暗示用户可以输入14个字符),当用户开始输入数据时,就把*依次替换掉,录入几个字符就替换掉几个*,录入完后文本框中就只有用户输入的信息了。就这么一个功能,还是折磨了我好一会,哎,JS水平还是太菜了,于是发帖求助,后来在CSDN网友huangwenquan123的热情相助下,才算把这个问题搞定了,现在直接贴出代码,希望对有这方面需要的朋友有所帮助: 代码如下: $(document).ready(function(){ $("#t...
tree.js 代码如下: /******************************** 树形组织框架列表 v1.0 2011年1月6日 作者:flycrosscloud ********************************/ //初始化框架 var allImages = { HasNodeClose: "", //包含子节点,闭合状态(不是最后一个) HasNodeOpen: "", //包含子节点,打开状态(不是最后一个) LastHasNodeClose: "", //包含子节点,闭合状态(最后一个) LastHasNodeOpen: "", //包含子节点,打开状态(最后一个) Co...