代码如下: 代码如下: /** * 倒计时 * * @author WadeYu * @date 2012-04-20 17:40 * @copyright boyaa.com */ var TimeCountDown = function( initTime ){ var day = 0; var hour = 0; var minute = 0; var second = 0; var timerId = 0; var self = this; var fixInitTime = function(){ initTime = parseInt(initTime); if ( isNaN(initTime) || initTime < 0 ){ initTime = 0; } }; var fixZero = function(num){ return num < ...
IE 暂不支持CSS: 代码如下: body{ margin:0; padding:0; } div{ margin:0; padding:0; } .container{ margin-left:10%; margin-right:10%; } ul li{ list-style:none; } ul{ padding:0; margin:0; } p.em{ color: red; ...
在线演示:http://demo.jb51.net/js/2012/mydaojishi/打包下载:mydaojishi_jb51核心代码: 代码如下: $(function(){ var tYear = ""; //输入的年份 var tMonth = ""; //输入的月份 var tDate = ""; //输入的日期 var iRemain = ""; //开始和结束之间相差的毫秒数 var sDate = ""; //倒计的天数 var sHour = ""; //倒计时的小时 var sMin = ""; //倒计时的分钟 var sSec = ""; //倒计时的秒数 var sMsec = ""; //毫秒数 //通用工具...
代码如下: $(function(){ var box_W = $(".PIC360").width(); var box_H = $(".PIC360").height(); var box_X = $(".PIC360").offset().left; var box_Y = $(".PIC360").offset().top; //求出中心点的横坐标值 var center_X = Math.ceil(box_X+(box_W/2)); //求出中心点的纵坐标值 var center_Y = Math.ceil(box_X+(box_H/2)); var moveSetp = (box_W/2)/10//设定为10次移动,完成左边的图片显示。这里求出每次移动多少像素,算移动...
代码如下: 核心jquery代码 代码如下: //添加一行 function add() { var content = ""; content += ""; content += "" $("#fileForm").append(content); } //删除当前行 function remove(obj) { $(obj).parent().parent().remove(); } 脚本之家整理的在线演示:http://demo.jb51.net/jquery/juqery_input/
本节要用到的html例子 代码如下: 项目一 项目二 项目三 1.创建元素节点 document.createElement() 方法 用于创建元素,接受一个参数,即要创建元素的标签名,返回创建的元素节点 代码如下: var div = document.createElement("div"); //创建一个div元素 div.id = "myDiv"; //设置div的id div.className = "box"; //设置div的class 创建元素后还要把元素添加到文档树中 2.添加元素节点 appendChild() 方法 用于向childNodes列...
1. attr(属性名) //获取属性的值(取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性,则返回 undefined ) 2. attr(属性名, 属性值) //设置属性的值 (为所有匹配的元素设置一个属性值。) 3. attr(属性名,函数值) //设置属性的函数值 (为所有匹配的元素设置一个计算的属性值。不提供值,而是提供一个函数,由这个函数计算的值作为属性值。) 4.attr(properties) //...
自动序列编号和自动属性编号,效果图如下:实现原理: 添加和删除是逆向过程,实现是一致的。 增加时,向父容器中增加元素append方法,并将所有的自定义属性编号和序列编号设置为空,然后通过$.each方法,重新为自定义属性编号和序列编号赋值。 代码如下: $.each(items, function (k, v) { $(this).attr("opt", "mopt" + k); serials.eq(k).html(k); }); 删除时,为所有删除按钮绑定事件live方法,将元素从父容器中删除detach方法...
html代码: 代码如下: #container { margin:0 auto; margin-top:10%; width:200px; } #timer { border:red double 1px; width:180px; height:76px; line-height:76px; font-size:32pt; color:green; } input { width:87px; } js代码: 代码如下: /* *@author:hyjiacan *date:15:57 2010-9-5 *name:timer */ var ctrl = document.getElementById("ctrl"); //控制按钮对象 var timer = document.getElementById("t...
json字符串: 代码如下:var mcode={"minfo":[{"time":"9:00-10:00","status":2},{"time":"10:00-11:00","status":1},{"time":"11:00-12:00","status":3},{"time":"13:00-14:00","status":1},{"time":"14:00-15:00","status":1},{"time":"15:00-16:00","status":1},{"time":"16:00-17:00","status":1},{"time":"17:00-18:00","status":1}]}; 其中time代表时间段,status当职位1时代表可以使用,2时代表已过期,3时代表已选满。 通过...
首先还是看html代码: 代码如下: $(document).ready(function () { $('#autogrow').autogrow(); }); 接下来是js插件代码: 代码如下: (function ($) { $.fn.autogrow = function (options) { var defaults = { minHeight: 0, maxHeight: 9999 }; var options = $.extend(defaults, options); return this.each(function () { var element = $(this); //上一次文本框内容长度和宽度 var lastValLength, lastWidth; ...
先下页面代码: 代码如下: $(document).ready(function () { $('.formToCheck').formCheck(); }); form { width: 300px; } label { position: absolute; } input:not(.submit), textarea { margin-left: 100px; width: 200px; } .submit { margin-left: 100px; } .error { border:1px solid red; } 我们定义了一个form,定义了几个输入框,请注意class属性,有的是class="required",说明该项是必填项;class="re...
代码如下: $(function () { var page = 1;//初始化page变量 var i = 2;//每版放两组图片 var $pictureShow = $(".pictures4"); var downwidth = $pictureShow.width();//获取框架内容的宽度,既每次移动的大小 var len = $(".picturescontent4").find(ul).length;//找到一共有几组图片 var page_number = Math.ceil(len / i);//找到一共有多少个版面 $("#symbol4b").click(function () { if (!$(".picturescontent4").is(":animate...
我们首先来介绍自定义选择器的开发,他的代码结构如下: 代码如下: (function ($) { $.expr[:].customselector = function (object,index,properties,list) { //code }; })(jQuery); 调用时候的写法: $(a:customselector) 现在我们先解释下函数中所使用到的各个参数。 object:当前dom元素的引用,而不是jquery对象。需要强调的一点,dom元素和jquery对象完全不是一回事,a标签代表的是dom元素,$('a')代表的是jquery对象...
代码如下: $("#last").click(function(){ var w=window.open(); setTimeout(function(){ w.location="http://www.baidu.com"; }, 1000); return false; });