首页
网站首页
公司简介
资讯中心
推荐内容
返回顶部
一步一步制作jquery插件Tabs实现过程_jquery_脚本之家
发布时间:2019-12-25 16:26
浏览次数:

tabs是现在网页应用最广的一种效果,jquery插件和非jquery插件也有不少,有一些朋友问我怎么用jquery.ui.tabs的ajax怎么只请求服务器一次原来我想其实很简单,看看官方的API就了解,不过我在回复这些朋友之前,用firebug查看了官方的ui.tabs发现,声明了ajax缓存,每点一个tabs时,仍然会有服务器请求这应该是服务器缓存,而不是实际上我们要求的只ajax一次,不再请求服务器了接下来我找了一下其它的tabs插件,基本上没有符合要求的,不是太庞大就是太简单,太过庞大的话不如用ui.tabs,文档和代码规范上都是可靠的因此,自制一个简洁的tabs插件还是有必要的在设计之前,先整理好思路,实现tabs,自动轮换,ajax等主要功能,然后是dom的排列形式,这里采用传统的

无奈啊~只怪读书时没有好好用功~看着JavaScript,一个头顿时变成两个。。。。。。。。 还好网络提供了很好的资料库~看了下,然后自己改了下,基本算能完成任务吧~写下一份存档,留待日后 复制代码 代码如下: function xingzuo() { var start = 1901, date=document.getElementById.value, month=document.getElementById.value;; with (document.getElementById{ if (month == 1 && date >=20 || month == 2 && date <=18) {value = "水瓶座";} if (month == 1 && date > 31) {value = "Huh?";} if (month == 2 && date >=19 || month == 3 && date <=20) {value = "双鱼座";} if (month == 2 && date > 29) {value = "Say what?";} if (month == 3 && date >=21 || month == 4 && date <=19) {value = "白羊座";} if (month == 3 && date > 31) {value = "OK. Whatever.";} if (month == 4 && date >=20 || month == 5 && date <=20) {value = "金牛座";} if (month == 4 && date > 30) {value = "I'm soooo sorry!";} if (month == 5 && date >=21 || month == 6 && date <=21) {value = "双子座";} if (month == 5 && date > 31) {value = "Umm ... no.";} if (month == 6 && date >=22 || month == 7 && date <=22) {value = "巨蟹座";} if (month == 6 && date > 30) {value = "Sorry.";} if (month == 7 && date >=23 || month == 8 && date <=22) {value = "狮子座";} if (month == 7 && date > 31) {value = "Excuse me?";} if (month == 8 && date >=23 || month == 9 && date <=22) {value = "室女座";} if (month == 8 && date > 31) {value = "Yeah. Right.";} if (month == 9 && date >=23 || month == 10 && date <=22) {value = "天秤座";} if (month == 9 && date > 30) {value = "Try Again.";} if (month == 10 && date >=23 || month == 11 && date <=21) {value = "天蝎座";} if (month == 10 && date > 31) {value = "Forget it!";} if (month == 11 && date >=22 || month == 12 && date <=21) {value = "人马座";} if (month == 11 && date > 30) {value = "Invalid Date";} if (month == 12 && date >=22 || month == 1 && date <=19) {value = "摩羯座";} if (month == 12 && date > 31) {value = "No way!";} } }

1:rules与cssRules区别: 复制代码 代码如下: function addCSSRule{ //var css = document.styleSheets[document.styleSheets.length-1]; if(navigator.userAgent.indexOf { css.insertRule(key+"{"+value+"}", css.cssRules.length) } else { css.addRules; } } function removeCSSRule{ for(var i = 0; i < document.styleSheets.length; i++){ var css = document.styleSheets[i]; navigator.userAgent.indexOf>0 ? { for(var j = 0; j < css.cssRules.length; j++){ if(css.cssRules[j].selectorText==key){ css.deleteRule : ; } } 我是这样加了一个方法解决这个问题的。。 2:火狐和ie中获得背景色问题(getComputedStyle与currentStyle的区别) 复制代码 代码如下: function getCurrentStyle { if(navigator.userAgent.indexOf{ var rgbstr=document.defaultView.getComputedStyle.backgroundColor; var strR; if.indexOf>0 && rgbstr.toString { strR= rgbstr.toString().substring(parseInt.indexOf,rgbstr.toString.split; } return toHexColor(strR[0],strR[1],strR[2]).substring; } else{ return oElement.currentStyle.backgroundColor.trim; } } 复制代码 代码如下: function toHexColor{ var hex='#'; var hexStr = '0123456789ABCDEF'; low = r % 16; high = /16; hex+=hexStr.charAt + hexStr.charAt; low = g % 16; high = /16; hex+=hexStr.charAt + hexStr.charAt; low = b % 16; high = /16; hex+=hexStr.charAt + hexStr.charAt; return hex; } 记住 火狐获得的rgbstr是rgb的因此我还要转成16进制的。我也整理了一个很笨的转换方法再上面望打击拍砖!

无标题文档

友情链接: 网站地图
Copyright © 2015-2019 http://www.nflfreepicks.net. 新葡萄京娱乐场网址有限公司 版权所有