废话少说,看代码 代码如下: var map = { 地名: ["北京","天津","上海"], 民族: ["汉族","藏族","维吾尔族"] }; $.each(map,function(key,values){ console.log(key); $(values).each(function(){ console.log("\t" + this); }); }); 如果安装了firebug,控制台输出如下树状结构: 地名 北京 天津 上海 民族 汉族 藏族 维吾尔族 注意:jquery中的$().each和$.each的区别,前者只能遍历数组,后者可以遍历...
一、效果图:tips源码下载 http://xiazai.jb51.net/201103/yuanma/jquerynewslist.rar二、jquery源码: 代码如下: (function($){ $.fn.extend({ newsList:function(options){ var defaults ={ actName:li, //显示条数名; maxShowNum:6, //最多的显示条数; actNameH:28, //一次移动的距离; ulClass:.ul_news_list, //被复制层的class copyUlClass:.ul_news_list2, //复制层的class autoTime:1500, //自动运行时间; clickGoUpC:....
假设要生成一千万个随机数,常规的做法如下: 代码如下: var numbers = []; for (var i = 0; i < 10000000; i++) { numbers.push(Math.random()); } 然而,在IE下执行这段代码时,却弹出了一个窗口提示用户是否停止这段脚本。出现这种情况,首先想到的是优化循环体。但明显地,循环体很简单,没什么优化的余地。即使把循环体清空,提示仍然存在。于是,我得出了一个结论:在IE下,一旦循环次数超过了某个特定值,就会弹出停止...
从需求上来说,这个功能需要实时调用最新的微博数据,单就前端开发来说,其需求可以拆分如下: 1 内容持续滚动; 2 新微博将下面的微博先推下去,然后淡入进来; 3 鼠标经过内容暂停滚动; 4 容器底部渐变消失在背景色下。 上述4个需求之中,需求1-3为js技术实现,需求4为css技术实现,下面逐个需求来讲。 需求1和需求2:内容持续滚动的需求有些类似前一篇文章《小模块:公告滚动并暂停》中介绍的功能,在那篇文章中,此功能使用cs...
如下,alert无限循环下去 代码如下: Safari alert Bug 猜测Safari5中将点击alert框的确定按钮也当成点击body了。事件一直冒泡到弹出框上。
代码如下: 无标题页 输出 alert($(this).val()); });
代码如下: 可配置横栏滚动Demo * { margin:0; padding:0;} body { font-size:12px;} #scrollable { background-color:#efefef; border:1px solid #ddd; padding:10px 8px; width:523px; height:65px; margin-top:30px; } div.items { height:66px; margin-left:8px; float:left; width:475px !important; } div.items a { display:block; float:left; margin-right:8px; width:88px; height:66px; background:#BBB; font-s...
代码如下: 分别用marquee和div+js实现首尾相连循环滚动效果 用marquee实现首尾相连循环滚动效果(仅IE): 这里是要滚动的内容 用DIV+javascript实现首尾相连循环滚动效果(兼容firefox): 这里是要滚动的内容 function scroll(obj) { var tmp = (obj.scrollLeft)++; //当滚动条到达右边顶端时 if (obj.scrollLeft==tmp) obj.innerHTML += obj.innerHTML; //当滚动条滚动了初始内容的宽度时滚动条回到最左端 if (obj.scroll...
代码如下: function refresh() { var s = $(".box1"); if (!s.is(":animated")) $(".box1").animate({ marginLeft: "0px" }, "slow", function () { $(.box1 img:first).before($(.box1 img:last)); $(".box1").css("margin-left", "-206px"); }); } <<>> .box1 { width:1200px; overflow:hidden; margin-left:-206px; } .frame { width:620px; overflow:hidden; } 图片宽度默认206px,没设定
前两个唯一的差别就是循环和判断的顺序不同,do-while比while多循环一次,我就不举例了。 for循环相信大家也熟的不能再熟了,我们就看for-in这一句。 这个其实是针对数组的,js中数组的初始化也挺奇特的比如我们在script结点里写:(另外注意下数组的初始化,用的是中括号) "); var a=[3,4,5,7]; for(var test in a){ document.write(test+": "+a[test]+""); } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] for in实例二 ...
看见有的同学用 Adam Cai 的代码,感觉稍显复杂而且不够 jQuery。我用只依靠 jQuery 入门的思路写了一版,代码更少使用也更简单。 在线演示: http://demo.jb51.net/js/2012/jquery_xhpic/[JavaScript]代码 代码如下: $(document).ready(function(){ $("#sItem li:not(:first)").css("display","none"); var B=$("#sItem li:last"); var C=$("#sItem li:first"); setInterval(function(){ if(B.is(":visible")){ C.fadeIn(500).ad...
在线演示:http://demo.jb51.net/js/2012/callboard/jQuery代码 代码如下: //第二版:Newton改造 (function (win){ var callboarTimer; var callboard = $(#callboard); var callboardUl = callboard.find(ul); var callboardLi = callboard.find(li); var liLen = callboard.find(li).length; var initHeight = callboardLi.first().outerHeight(true); win.autoAnimation = function (){ if (liLen <= 1) return; var self = ar...
一,for循环的基本写法 代码如下: 代码如下: //例一for(var i=1;i<=10;i++) { alert(i); } 这段代码太简单了,我都不好意思拿出手。代码的执行结果是依次弹出1到10,PS:在早期的IE如IE6中,你把10改成10000,就能让用户一直点确定什么也不能干了哈哈——不要说是我出的主意。 由于这是一篇基础课程,所以我们回归正题来详细分析一下这段代码吧。 for循环的结构都是类似的,任意一个for循环都是这样的: for(开始前;循环进行的条...
一、前言 JavaScript语言在不同的浏览器的下有存在细微的差异,但不像DOM操作差异那么大,现在为大家列举出其中一个"for循环"的差异,并介绍如何有效的解决这种差异。 二、问题描述 在下面的 测试代码 例1 中IE6和Chrome输出的结果是不一致,IE6不执行for语句里的代码 代码如下: //例1: alert("准备测试toString是否被for循环枚举出来") var forTest = { toString: 1 } for (i in forTest) { alert("toString被循环出来")//在IE6下...
如果对jQuery这东西只停留在用的层面,而不知其具体实现的话,真的很容易用出问题来。这也是为什么近期我一直不怎么推崇用jQuery,这框架的API设定就有误导人们走上歧途之嫌。 代码如下: $.fn.beautifyTable = function(options) { //定义默认配置项,再用options覆盖 return this.each(function() { var table = $(this), tbody = table.children(tbody), tr = tbody.children(tr), th = tbody.children(th), td = tbody.childre...