环境 : rails 下 例如: 我点击修改后显示成这样: 关键实现过程: 1,列表部分,即第一副图,蓝色部分即实现了传值 代码如下: <tr > "show_div('" + group.id.to_s + "','" + group.group_name.to_s + "','" + group.display_order.to_s + "','" + group.status.to_s + "','" + group.group_comment.to_s + "');return false;" } %> 'deletegroup',:id=>group.id.to_s},{:confirm=>'确定要删除吗?'} %> 2,js函数部分 代码...
进度条 body{ text-align:center; } .graph{ width:450px; border:1px solid #F8B3D0; height:25px; } #bar{ display:block; background:#FFE7F4; float:left; height:100%; text-align:center; } #barNum{ position:absolute; } function $(obj){ return document.getElementById(obj); } function go(){ $("bar").style.width = parseInt($("bar").style.width) + 1 + "%"; $("bar").innerHTML = $("bar")...
失去焦点时关闭层练习 #divUserName{ width:200px; height:30px; border:1px solid black; background:#cccccc; font-size:12px; margin-top:10px; } window.onload = function(){ document.getElementById("tbxUserName").focus(); document.getElementById("tbxUserName").onblur = function(){ document.getElementById("divUserName").style.display = 'none'; } document.getElementById("tbxUserName").onfocus = function(...
请“运行代码”后刷新一次。 jquery img src怎么取 $(function(){ alert($(".imglogo").attr("src")); }) [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
关键代码： 代码如下:$(function(){ $(".tabs li").eq(0).css("background","#499AFF"); $(".tabs div").eq(0).show(); $(".tabs>ul>li").click(function(i){ $(this).css("background","#499AFF").siblings().css("background","#ffffff"); $(".tabs div").eq($("li").index(this)).show().siblings("div").hide(); return false; }) }) 演示（请“运行代码”后，刷新一次）： jquery tab $(function(){ $(".tabs li").eq(0).css...
减少DOM数可以加快浏览器的在解析页面过程中DOM Tree和render tree的构建，从而提高页面性能。为此我们可以把页面中那些首屏渲染不可见的部分HTML暂存在TextArea中，等完成渲染后再处理这部分HTML来达到这个目的。 要把TextArea 中暂存的HTML内容添加到页面中，使用元素的outerHTML属性是最简单方便的了,不过在DOM标准中并没有定义outerHTML，支持的浏览器有IE6+,safari, operal和 Chrome，经测试FF4.0- 中还不支持。所以我们就来实...
好，看看匿名函数的如何被调用。 1、执行后得到返回值的函数调用 Js代码 代码如下://方式1，调用函数，得到返回值。强制运算符使函数调用执行 (function(x,y){ alert(x+y); return x+y; }(3,4)); Js代码 //方式二，调用函数，得到返回值。强制函数直接量执行再返回一个引用，引用再去调用执行 代码如下:(function(x,y){ alert(x+y); return x+y; })(3,4); 2、执行后忽略返回值 Js代码 代码如下://方式三，调用函数，忽略返回值 ...
当我们需要的是一条规则的时候，总不能在每次dom发生变化的时候去执行这个操作，否则也太效率低下了。好在dom中css rules也是可以修改的。不过不同浏览器的对于css rules的接口描述也不同，其中ie中以类似hash table的方式，而ff以数组方式。 从可编程性上说，ie的接口描述更讨程序员喜欢，不过从逻辑上说，ff显然更为合理。 我提供了类似于ie的方式对两套代码进行简单包装，不过ie在dom的css removeRule之后并不能确定同步的把规则...
可以拖动的p是一个比较难以做到的效果，特别是在浏览器对于js代码的运行效率还不是足够高的情况下，不过听说firefox对于js的支持正在增加，大概是料到了js在网页浏览的桌面化趋势中所占的重要地位吧。要实现p的任意拖动，我们不妨分析一下整个过程。 当鼠标点击p时，触发一个事件，让p的位置属性（left，top）随着鼠标位置变化而变化，当鼠标释放后，p的位置属性就用了鼠标释放时的位置。 鼠标点击时触发事件是很容易做到的，只要在...
//jQuery Alert Dialogs Plugin Version 1.0 //插件下载地址：http://abeautifulsite.net/notebook/87 自身的原方法为： 代码如下:// Usage: // jAlert( message, [title, callback] ) // jConfirm( message, [title, callback] ) // jPrompt( message, [value, title, callback] ) 1.新加一个multicheckbox 的公共方法: // Public methods multicheckbox : function (message, value, title, callback) { if (title == null ) ti...
最近在学JavaScript，下面是我自己做的一个例子（在w3cschool例子的基础上） 该例子实现功能是在鼠标点击的行之后插入一行，默认是在第一行插入。插入的内容可以自己输入，代码如下 //global var var pos =0 //to find the position you mouse has pressed function whichElement(e) { var targ if (!e) var e = window.event if (e.target) targ = e.target else if (e.srcElement) targ = e.srcElement if (targ.nodeTy...
以前我在网上总会看类似这种的JS效果： 点击编辑时: (不好意思哈，图在文章最后面) 这种列表与编辑都在同一页的效果，确实很好，能够给用户带来意想不到的美好体验。可是它是怎么实现的呢？ 其实实现这种效果有很多方法，当然如果你的JS不好，可以用JQuery的组件，但是我想要是自己能写出来总是好的。因此我抽了点时间来实现它。当我实现后，发现要实现这种效果是很简单的，几行JS代码就搞定了，关键就是一个思路问题，下面我会具体...
#divid{width:30px; height:30px;left:200px;top:0px;background:#666;position:absolute;opacity:0.1;filter:alpha(opacity=10);} span{display:block;padding:5px; cursor:pointer;font-size:12px;} //如果事件中有opacity属性：则页面样式中要定义：opacity:0.1;filter:alpha(opacity=10); function spaceTo(id,u,mx,fun) { var o=$(id),n,s=/*@cc_on!@*/false,t=u+u*(u-1)/2;//递增总数; for(n in mx){mx[n]=li(n);} clearI...
中国北京 中国上海 var tabobj = document.getElementById("ch"); //获取 Table 对象 for( var i=0; i [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
当时没觉得有什么，今天回头看看，觉得还有点意思，拿来给大家鉴定一下。 首先要实现棋子的排布，这毫无疑问得用div+css了。 具体代码可以看Jquery做的国际象棋棋盘（查看源代码） 。 一开始我给每种棋子都写了类，实际上这是比较愚蠢的行为。首先，这样子css代码会有冗余。其次，在棋子div上绑定侦听器时会比较麻烦，要判断是否棋子div时，我不得不靠类名中的-b和-w后缀来判断是否棋子。但是如果我们将棋子的共同属性提取出来专设...