Why DIY jquery tab 接触jquery 2,3个月了,一直都未动手写过插件。正好最近比较闲,就打算把一直看不顺眼的项目中现有的tab改造一番(现有的tab未能做成一个控件,copy,past的代码太多)。 想着jQuery这么强大的库不可能没有tabs插件吧,赶紧搜了一下,哈,果然!jQuery tabs!心里一阵窃喜,赶紧load下来用用吧。可查看了一下它的用法,才发现不太适用现有的项目耶,我们的tab每一个都对应着一个完整的页面,是用iframe嵌入的。而...
这是菜单的内容,用ul标签实现菜单: 代码如下:<div id="menu"> <ul> <li><a href="">菜单一</a> <ul> <li><a href="">子菜单1</a></li> <li><a href="">子菜单2</a> <ul><li><a href="">子菜单7</a></li></ul> </li> <li><a href="">子菜单3</a></li> </ul> </li> <li><a href="">菜单二</a> <ul> <li><a href="">子菜单4</a></li> <li><a href="">子菜单5</a></li> <li><a href="">子菜单6</a></li> </ul> </li> </ul> </div> ...
定义和用法 charset 属性规定在外部脚本文件中使用的字符编码。 如果外部文件中的字符编码与主文件中的编码方式不同,就要用到 charset 属性。 默认的字符编码是 ISO-8859-1。 src 和 charset 属性 对特别长的 JavaScript 程序或者经常重复使用的程序来说,你可以希望将这些代码存放到一个单独的文件中。在这样的情况下,让浏览器通过 src 属性来载入那个单独的文件。 src 的值是包含这个 JavaScript 程序的文件的 URL。保存的文件...
盒子标签和属性对照CSS语法(不区分大小写) JavaScript语法(区分大小写)border borderborder-bottom borderBottomborder-bottom-color borderBottomColorborder-bottom-style borderBottomStyleborder-bottom-width borderBottomWidthborder-color borderColorborder-left borderLeftborder-left-color borderLeftColorborder-left-style borderLeftStyleborder-left-width borderLeftWidthborder-right borderRightborder-righ...
暂时没有对手动输入的做判断, 需要的话, 可自行在keyup及change事件中添加相关判断. 相关说明及调用方法,请参见代码中的注释. 演示及代码:选择标签至文本域效果,可多选/可过滤重复/可限制个数@Mr.Think /*reset css*/ body,input{letter-spacing:1px;font:12px/1.5 tahoma,arial,\5b8b\4f53} div,h2,p,input,select{margin:0;padding:0} input{vertical-align:middle} h1{font-size:1em;font-weight:normal} h1 a{background:...
不过, 国内大部分用户还是在用IE6. IE6下通过a标签的onclick事件切换某个图片时, 有可能出现图片无法加载问题, httpwatch抓取表现结果是abort. 测试了一下,找到了解决办法. a标签事件一般情况是这样写的, 也可能是绑定事件, 解决方式一样: 1. <a href="javascript://" onclick="dosomething()">a1</a> 2. <a href="javascript:void(0)" onclick="dosomething()">a2</a> 3. <a href="###" onclick="dosomething()">a3</a> 第三种方法...
下面几个常用的代码或许对您有帮助: 代码如下://1.获取选中option值 $('#selectList').val(); //2.获取选中option的文本 $('#selectList :selected').text(); //3.获取多个选中option值、文本 var foo = []; $('#multiple :selected').each(function(i, selected) { foo[i] = $(selected).text(); }); // to get the selected values, just use .val() - this returns a string or array foo = $('#multiple :selected').val(); ...
下面几个常用的代码或许对您有帮助: 代码如下://1.获取选中option值 $(#selectList).val(); //2.获取选中option的文本 $(#selectList :selected).text(); //3.获取多个选中option值、文本 var foo = []; $(#multiple :selected).each(function(i, selected) { foo[i] = $(selected).text(); }); // to get the selected values, just use .val() - this returns a string or array foo = $(#multiple :selected).val(); //4.使用...
这里有一个内容要特别注意的那就是给标签的mouseover事件设置延迟,这样防止用户恶意的移动鼠标导致放送大量的请求而是服务器崩溃,用到setTimeout函数,主要用到已下的事件 1 $().each(function(){}) 这个是个非常重要的遍历所有标签的好办法 2 mouseover事件, 还有就是关键的css样式编写,控制显示的样式, 代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>tab </TITLE> <link...
url paramter: 代码如下://lastest: var getArgs=function() {//get url querystring var params=document.location.search,reg=/(?:^\?|&)(.*?)=(.*?)(?=&|$)/g,temp,args={}; while((temp=reg.exec(params))!=null) args[temp[1]]=decodeURIComponent(temp[2]); return args; }; //只取一个: var queryString=function(key){ return (document.location.search.match(new RegExp("(?:^\\?|&)"+key+"=(.*?)(?=&|$)"))||[,null]...
因为在JavaScript中,mousedown、mouseup、click执行顺序是从左到右的,更重要的是一旦mousedown事件激活,正常情况(不在mousedown事件中绑定的方法使用alert类似方法,因为弹出对象框就阻止了事件传递,即后续调用事件丢失)下后面两个事件也肯定会被激活。平时我们在一个标签上只绑定一个click事件,其实触发click事件也都调用了mousedown、mouseup等事件,只是它们调用周期极短,而且我们又没有编写相关函数与这两个事件绑定,...
翻页测试页 $(id).scrollHeight - $(id).offsetHeight) { moveto = $(id).scrollHeight - $(id).offsetHeight; } if(Math.abs($(id).scrollTop - moveto) $(id).scrollHeight - $(id).offsetHeight) { moveto = $(id).scrollHeight - $(id).offsetHeight; } scrollTo(id,moveto); } var updateInfo = function(moveto,isMove) { $("info").innerHTML = "当前位置 : " + $("div").scrollTop; $("info").innerHTML += " 此次翻页...
代码如下:str = str.<br /> replace( /&(?!#?\w+;)/g , &).<br /> replace( /undefinedundefined([^undefinedundefined]*)"/g , “$1” ).<br /> replace( /</g , < ).<br /> replace( />/g , > ).<br /> replace( /…/g , … ).<br /> replace( /“/g , “ ).<br /> replace( /”/g , ” ).<br /> replace( /‘/g , ‘ ).<br /> replace( //g , ).<br /> replace( /—/g , — ).<br /> replace( /–/g , – ); 上面这个还算短了...
1.firefox和IE的自定义标签可以通过以下样式进行统一 <html XMLNS="http://www.w3.org/1999/xhtml" XMLNS:TEST="//www.gxlcms.com"> 2.自定义标签的的定义也可以进行统一 <TEST:mylabel value="mylabel"/> <TEST:mylabel value="mylabel2"></TEST:mylabel> 3.js获得自定义标签的值就有区别了(如果有统一的方法,请务必留言) function f_test(){ var mylabels; if(IE)//如果是ie mylabels = document.getElementsByTagName("mylabel...
ie支持outerText,firefox支持textContent 代码如下:if (isIE) { var spanTest=document.getElementById('spanTest'); spanValue = spanTest.outerText; } else { spanValue = spanTest.textContent; }