使用jquery实现的循环连续可停顿滚动，并应用于滚动图片，滚动层。记得一定要有jquery库哦~一、单行滚动 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" c /> <title>无标题文档</title> <mce:style type="text/css"><!-- ul,li{margin:0;p...
var id = getSearchObj().id; var cxlx = flag== ""?"1":flag; if(cxlx==1){//显示详细信息 $.ajax({ type:"post", url: "/test/test.co", data:"i_id="+id+"&i_cxlx="+cxlx, success: function(data){ if(data.code=="1"){ var datas = data.resultSet; var font = $(".font01"); $.each(font,function(i,e){ e.nextElementSibling.innerHTML=datas[0][e.innerHTML]; }); }else{ ...
自己模仿JQ插件的写法写了一个循环滚动列表插件，支持自定义上、下、左、右四个方向，支持平滑滚动或者间断滚动两种方式，都是通过参数设置。JQ里面有些重复的地方，暂时没想到更好的方法去精简。不过效果还是可以的，如下（效果图上传后都加速了，实际效果比这个要慢很多）：html代码如下：循环滚动列表$(function(){//下面是调用语句，以ID名区分$("#autoScroll01").autoScroll({direction: 'left', //滚动方向，'up'、'down'...
首先说，出现这个问题的场景是很少见的，因为有太多更好解决方法。今天搞ajax的时候，一个有趣的地方，，每个迭代中都要发送一个get请求，因为迭代的速度太快，一个请求还没有完成就进行下一个迭代，在chrome和ff上，除最后一个请求外，其它请求都被取消了。所以该怎么办呢？设置延时（不太好）还是其他办法？办法有很多，比如设置休眠，迭代等等， 我采用的是另外两种解决办法。一、同步的ajax请求，而ajax请求默认是异步的，所以...
本文实例讲述了jQuery循环遍历子节点并获取值的方法。分享给大家供大家参考，具体如下： Html代码部分：JS代码部分：var arrUl = jQuery(".left_tree_ad_btn_container > ul"); jQuery.each(arrUl, function(){alert(jQuery(this).find("img").attr("src"));alert(jQuery(this).find("li").attr("class")); });更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery遍历算法与技巧总结》、《jQuery表格(table)操作技巧汇总》...
html代码： 代码如下: <table id="repTable"……> …… <span id="" class="address"> jquery代码： 代码如下: $(document).ready(function(){ $("#repTable span.address").each(function(){ var spanTemp = $(this); $.ajax({ type: "get", url: "SceneryAjaxCall.aspx", data: "sid="+$(this).attr("id"), cache: true, dataType: "html", success: function(msg){ spanTemp.append(msg); } }); }); }); 其中在写jquery代码...
废话少说，看代码 代码如下: 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:....
从需求上来说，这个功能需要实时调用最新的微博数据，单就前端开发来说，其需求可以拆分如下： 1 内容持续滚动； 2 新微博将下面的微博先推下去，然后淡入进来； 3 鼠标经过内容暂停滚动； 4 容器底部渐变消失在背景色下。 上述4个需求之中，需求1-3为js技术实现，需求4为css技术实现，下面逐个需求来讲。 需求1和需求2：内容持续滚动的需求有些类似前一篇文章《小模块：公告滚动并暂停》中介绍的功能，在那篇文章中，此功能使用cs...
代码如下: 无标题页 输出 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...
代码如下: 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，没设定
看见有的同学用 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...
如果对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...