代码如下: var items=""; jQuery(function(){ $("input:button").each(function(index){ $(this).mouseover(function(){ if(items.indexOf($('input').eq(index).val())==-1){ items+=$('input').eq(index).val(); $('input:text').val(items) } }) }) }) JavaScript教程/参考手册 JavaScript热搜 Vue利用canvas实现移动端手写板的方法vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vue-router中的q...
代码如下: function getElementsByClassName(elem_name,elem_tags) { //elem_name:查询的class名,elem_tags:在哪个元素下查找 if(elem_tags == null) { elem_tags = *; } var all_elem = document.getElementsByTagName(elem_tags);//返回一个元素数组 var arr = []; //定义一个空数组,用于存放结果 for(var i=0; iif(all_elem[i].className == elem_name) { arr.push(all_elem[i]); } } return arr; //返回这个结果数组 }
代码如下: var iframeids = [memberIndexIframe,inquiryCenterIframe,everychinaBbsIframe]; var iframehide = "yes"; function dynIframeSize(){ var dyniframe = []; for(var i=0;i<iframeids.length;i++){ if(!document.getElementById) return false; dyniframe[i] = document.getElementById(iframeids[i]); if(dyniframe[i] && !window.opera){ dyniframe[i].style.display = "block"; if(dyniframe[i].contentDocument && d...
获取select 先看看下面代码: 代码如下: $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text var checkValue=$("#select_id").val(); //获取Select选择的Value var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值 var maxIndex=$("#select_id option:last").attr("...
基于令牌的处理就是一劳永逸的方法。 代码如下: function formsubmit() { Today = new Date(); var NowHour = Today.getHours(); var NowMinute = Today.getMinutes(); var NowSecond = Today.getSeconds(); var mysec = (NowHour*3600)+(NowMinute*60)+NowSecond; if((mysec-document.formsubmitf.mypretime.value)>600){ //600只是一个时间值,就是5分钟内禁止重复提交,值随便设 document.formsubmitf.mypretime.value=mysec;...
倒计时 *{ margin: 0; padding: 0; } ul,li{list-style: none;} #show_time{color: #f00;font-size: 24px;font-weight: bold;} function countdown(){ var show_time = document.getElementById("show_time"); endtime = new Date("12/31/2012 23:59:59");//结束时间 today = new Date();//当前时间 delta_T = endtime.getTime() - today.getTime();//时间间隔 if(delta_T [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行...
今天要分享的是基于JQuery实现的多标签的切换,JQuery就不用过多介绍了,网上一搜一大堆资料,当然这样的小示例也有很多,这里只是发表一些自己的想法。 下面是本次示例所使用的HTML页面: 代码如下: JQueryProject1 标签1 标签2 标签3 这是内容1 这是内容2 这是内容3 现在的页面还看不出有有标签的效果,所以为了使页面上出现标签效果,给一面添加一个CSS文件: 代码如下: a{ display: block; text-decorat...
例子 1 In this example we will create an array and sort it alphabetically: var arr = new Array(6) arr[0] = "Jani" arr[1] = "Hege" arr[2] = "Stale" arr[3] = "Kai Jim" arr[4] = "Borge" arr[5] = "Tove" document.write(arr + "") document.write(arr.sort()) [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 输出: Jani,Hege,Stale,Kai Jim,Borge,Tove Borge,Hege,Jani,Kai Jim,Stale,Tove例子 2 In this exa...
调用接口: 代码如下: /** * @param elem {HTMLElement} 执行动画的HTML元素 * @param params {JSON} 动画执行过过程中需要修改的HTML属性 * @param duration {Number} 可选,动画执行时间,单位毫秒 * @param easing {String} 可选,动画执行的方式,缓入easeIn、缓出easeOut * @param callback {Function} 可选,动画执行完成时的回调函数 * @return */ effect.animate(elem, params, duration, easing, callback); 使用它用不...
核心代码: 代码如下: var arr = new Array(); arr[0] = $(this).parents("tr")[0]; arr[1] = $(this).parents("tr").next()[0]; var dom = $(arr); $(dom).find("td.title a").hide(); $(dom).find("td.title input").show();
1.先看效果图: 2.js代码 year_month_day.js 代码如下: year_month_day.js function DateSelector(selYear, selMonth, selDay) { this.selYear = selYear; this.selMonth = selMonth; this.selDay = selDay; this.selYear.Group = this; this.selMonth.Group = this; // 给年份、月份下拉菜单添加处理onchange事件的函数 if (window.document.all != null) // IE { this.selYear.attachEvent("onchange", DateSelector.Onchange);...
Html 及 JS 代码如下: 代码如下: <div id="newsOne" onmouseover="CleartTimeInterVal();" onmouseout="resetInterVal();" style="position: absolute; width: 100px;"> 脚本之家 var newsOne = document.getElementById("newsOne"); newsOne.style.bottom = 0; newsOne.style.left = window.screen.availWidth - 100; var bottom = 0; function newsScroll() { if (bottom > (window.screen.availHeight - window.screenTop))...
一、引言 在web页面中,如果页面较高,为了方便用户快速地返回顶部,都会添加一个返回顶部按钮。 其中淘宝网的是要滚动条的滚动距离大于某一段距离才显示返回顶部按钮;人人网的返回顶部直接在底部的工具条上;新浪微博的返回顶部在滚动高度大于0的时候显示,且返回顶部的效果是平滑动画效果。本文的实现就是类似于新浪微博的这种效果。 二、jQuery下的返回顶部功能 您可以狠狠地点击这里:jQuery下的返回顶部demo 可以看到,如果页...
代码如下: //非延迟加载的函数,每次调用都会进行条件判断 function removeHandler(target,eventType,handler) { if(target.removeEventListener) { target.removeEventListener(eventType,handler,false); }else { target.detachEvent("on"+eventType,handler); } } //延迟加载的函数,第一次调用后,会覆盖原来的老函数,以后再次调用的是新函数,不会再进行条件的判断,提升效率 function addHandler(target,eventType,handler)...
在众多的浏览器产品中,IE、Firefox、Opera、Safari........众多品牌却标准不一,因此时常需要根据不同的浏览器,甚至相同浏览器不同版本做不同的操作,因此,知晓浏览器的判断方法,还是很重要的。下面列举一下常用的判断方法 1、判断浏览器是否为IE document.all ? 'IE' : 'others':在IE下document.all值为1,而其他浏览器下的值为0; navigator.userAgent.indexOf("MSIE")>0 ? 'IE' : 'others':navigator.userAgent是描述用户...