查了一下jq的官方插件编写文档(http://docs.jquery.com/Plugins/Authoring)以及文档中推荐的Mike Alsup写的一篇A Plugin Development Pattern。英语不是很好,但还是努力看下来(既学习到知识又能练习英语,何乐不为),照猫画虎的写了一个处女作——tabBox。 顾名思义,这个插件就是方便的产生具有tab选项卡功能“盒子”的。看图一下就明白这样功能在网页上是非常肠炎宁个的,不论前台后台。 在这,我首先提供了3个参数用于...
删除select中重复项 body{ text-align:center;} div{ width:400px; background:#f1f5fa; margin:auto; border:solid 1px #BFC9DB; padding:10px;} h4{ } a{text-align:right; display:block; font-size:12px;} /*定义全局函数$*/ function $(id){ return document.getElementById(id); } /*初始化select*/ function InitialSelectOption(id){ var oSel=$(id); var aOptions=["Wang Hongjian","Wang Hongjian","Nichoal S...
jQuery提供两种实现这种功能的方法 – text()和html()。text()是对纯文本的处理;html()和text()相似,不同的是它还支持HTML代码。 代码如下: //设置ID为"b5_a"段落的内容为"这是新加入的文本信息"; $(#b5_a").text("这是新加入的文本信息"); //在ID为"b5_b"的div里加入一段html代码; $("#b5_b").html("新加入一个html段落"); 有时我们要读取页面的内容,这也可以用text()和html()来实现。同样,使用text()得到的是纯文本;使用...
Option1 Option2 Option3 Option4 1. 取得jQuery对象 obj = $('#select1'); 2. 取得Options 的长度 len = $('#select1 option').length 3. 遍历option for (var i = 0; i option_value = obj[0].options[i].value; option_text = obj[0].options[i].text; } 4. 取得所选值 obj_value = $('#select1').val(); 5. 取得所选值对应的text obj_text = obj[0].options[obj[0].selectedIndex].text; 6. 添加一个option obj.append('Optio...
ok,不废话了,实现一个javascript的Timer吧 比起as3的Timer类,功能上略有改动 timer2.src.js 代码如下: /** * Timer 模型 * * @author rainsilence * @version 2.0 */ (function() { /** * TimerEvent constructor 构造器 * * @param type 事件类型 * @param bubbles 是否毛票 * @param cancelable 是否可取消 */ TimerEvent = function(type, bubbles, cancelable) { this.type = type; this.bubbles = bubbles; this.cancelabl...
基于jquery的锁定弹出层 这个东西也是随手总结出来的,引用了一些js框架jquery的方法。 div遮盖其他控件的方法参考了 对于需要遮盖flash的,请将flash控件的WMode变量值设置为Transparent 使用方法: 代码如下: //配置模块 var moduleEvent = [{"idName":"close" , "eventName":"click" , "doMethod":"CLOSE_DIV"},{"idObj":window,"eventName":"resize" , "doMethod":"RESIZE_WINDOW"}]; qihoo_effect_maskDiv.showMaskDiv("...
1 概述 1.1 定义 在一些B/S结构的应用系统中,有很多页面是需要有水印的。常见的就是公文系统、合同系统等。大家常常关注的是网站图片增加水印,而很少关注页面水印。刚去Google了一圈,关于页面水印的文章的数量为几乎为0. 本文中,流牛木马就与大家一起交流一下有关制作网页水印的心得。 本文讨论以下的情形: 新增水印的方法需要用Javascript完成,并要求能够方便地加入到原有的页面中,不能影响到已有的功能。 1.2 预期目标 就...
实现一: 代码如下: /* 平淡无奇法 */ function pad(num, n) { var i = (num + "").length; while(i++ < n) num = "0" + num; return num; } 上面的代码太平淡无奇,体现不了我的真实水平。于是有了实现二: 代码如下: /* 神奇递归法 */ function pad2(num, n) { if ((num + "").length >= n) return num; return pad2("0" + num, n); } 神奇的递归,每次都能让 mm 投来赞美和钦慕的眼神~~ 然而,高手过招,讲究的是一招致命。...
代码如下: var data = "123123,213,<,12312,>,312,3,cat,dsfsdfs,"; alert(func(data)); function func(str) { var reg = /<|>/g; str = str.replace(reg,function($1){ if($1==<){ return <; }else{ return >; } }); return str; } 很基础...能举一反三最好.
增加CheckBox联动的情况选择: 1.单选TreeView中的任一节点 2.当一节点CheckBox属性值改变时:子节点的CheckBox属性值跟随其改动,父节点不变; 父节点的所有子节点的CheckBox属性值都为false时才为false;有一个子节点的CheckBox属性值true时则为true. 3.当一节点CheckBox属性值改变时:子节点、父节点的CheckBox属性值跟随其改动; 父节点的所有子节点的CheckBox属性值都为false时才为false;有一个子节点的CheckBox属性值true时则为tru...
var getNewString = function (){ var getIc = function (ic){ var arric = ic.split(","); randomIc = arric[Math.floor(Math.random()*(arric.length))]; return randomIc }; return function (oc,ic,re){ var reStr = "(.{"+re+"}|.*)"; var reg = new RegExp(reStr,"g"); var ocArray = oc.match(reg) var arrLength = ocArray.length+1; for(var element=0;element[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
代码如下: get value: number last name first name 2 xing ge 3 xingad gead 4 xingxing ge number last name first name 接下来我们写点JS代码实现这个功能: 代码如下: $(document).ready(function(){ $("#inputname").focus(function(){ //alert(focus); $("#getvalue").css("display",block)//显示表格 .addClass(hover) .find(table tr).dblclick(function(){//双击表格tr var text=$(this).find("t...
jQuery对象和DOM对象相互转化 jQuery对象和DOM对象 jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的,其可以使用jQuery里的方法,但是不能使用DOM的方法;例如$("#img").attr("src","test.jpg"); 这里的$("#img")就是jQuery对象; DOM对象就是Javascript固有的一些对象操作。DOM对象能使用Javascript固有的方法,但是不能使用jQuery里的方法。例如:document.getElementById("img").src="test.jpg";这...
因为虽然实现起来麻烦点,如果用自带的Select,很简单的就完成了,但是本代码实际上是在向大家讲述一种Js在网页中的应用实战,多种元素之间的配合作用等。效果如下图: 下拉select选择框 body{margin:20px auto;font-family:Arial,Helvetica,sans-serif;font-size:12px;width:950px;height:400px;border:solid 1px #aaa;position:relative;padding:10px;} h1{font-size:12px;color:#444;} ul{margin:0;padding:0;list-style:none...
先看HTML,我们引用Jquery,放两个DropDownList: 代码如下: #ddlEmployeeCars { display:none; position:absolute; top:50px; left:9px; } 接着写核心的Script: 代码如下: $(function() { var $ddl = $("select[name$=ddlEmployee]"); var $ddlCars = $("select[name$=ddlEmployeeCars]"); $ddl.focus(); $ddl.bind("change keyup", function() { if ($(this).val() != "0") { loadEmployeeCars($("select option:s...