这段jquery选项卡代码代码的意思?

请问一下这段代码是什么意思
[问题点数:20分,结帖人qg1977]
请问一下这段代码是什么意思
[问题点数:20分,结帖人qg1977]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
相关帖子推荐:
2009年6月 挨踢职涯大版内专家分月排行榜第二2009年5月 挨踢职涯大版内专家分月排行榜第二2009年3月 挨踢职涯大版内专家分月排行榜第二2008年12月 挨踢职涯大版内专家分月排行榜第二
2009年6月 Web 开发大版内专家分月排行榜第三
2009年11月 挨踢职涯大版内专家分月排行榜第二2009年9月 挨踢职涯大版内专家分月排行榜第二2009年5月 Java大版内专家分月排行榜第二2008年11月 Java大版内专家分月排行榜第二
2010年9月 挨踢职涯大版内专家分月排行榜第三2009年7月 挨踢职涯大版内专家分月排行榜第三2009年4月 挨踢职涯大版内专家分月排行榜第三2008年12月 Java大版内专家分月排行榜第三
本帖子已过去太久远了,不再提供回复功能。这段基于JQuery的JavaScript代码是什么意思-javascript-电脑编程网这段基于JQuery的JavaScript代码是什么意思作者:a 和相关&&function initRollOverImages() {
var image_cache = new Object();---这里是创建新对象
$(&.swap a img&).not(&[src*='_on.']&).each(function(i) {
( 找到“.swap a img” 这个对象???不太明白这里,请高手详细讲解下。)&
var imgsrc = this.
( 这里的this指的是哪个对象?)&
var dot = this.src.lastIndexOf('.'); --- 找到最后出现.的位置 & &
var imgsrc_on = this.src.substr(0, dot) + '_on' + this.src.substr(dot, 4); --- 截取图片地址从(0,到最后出现点的位置)&
image_cache[this.src] = new Image();
(这里的代码不明白什么意思)&
image_cache[this.src].src = imgsrc_ (这里的代码不明白什么意思)&
$(this).hover(
(这里的this指的是什么?)&
function() { this.src = imgsrc_ },
function() { this.src = }
& $(document).ready(initRollOverImages);(这句话什么意思)这段代码的功能我知道,就是不明白具体代码什么意思。麻烦高手解答,先谢谢了。------回答---------------其他回答(50分)---------JScript code
function initRollOverImages() {
var image_cache = new Object();---这里是创建新对象
$(&.swap a img&).not(&[src*='_on.']&).each(function(i) {
$(&.swap a img&)获取所有class=swap的下面的A标记下面的img标签,[src*='_on.']就是图片路径包含_on.的,.not就是不包含;完整的也就是获取所有class=swap的下面的A标记下面的路径不包含_no.的img对象。
var imgsrc = this.
( //指的就是上面单个的img对象
var dot = this.src.lastIndexOf('.'); --- 找到最后出现.的位置
var imgsrc_on = this.src.substr(0, dot) + '_on' + this.src.substr(dot, 4); --- 截取图片地址从(0,到最后出现点的位置)
image_cache[this.src] = new Image();
//初始花一个对象
image_cache[this.src].src = imgsrc_ //设置对象的图片路径
$(this).hover(
function() { this.src = imgsrc_ },
function() { this.src = }
$(document).ready(initRollOverImages);//在页面加载的时候调用initRollOverImages方法
------其他回答(10分)---------function中的this在没有调用的时候只是一个符号,不代表任何对象。只有当调用的时候才会产生一个内部对象,然后将内部对象的引用指针传递给对象实例。------其他回答(30分)---------引用 3 楼 a 的回复:十分感谢楼上的俩位,帮我解决问题~ 还想问下 $(&.swap a img&) ,$() 这个的含义是什么。。如果用Script写出来是document.getElementByID的意思么? 还有this,在这段代码中代表的是哪个对象我还是不太明白。 image_cache[this.src]= new Image();
这里创建新对象为什么要加[this.src]呢? 我查资料发现JavaScript的this跟.net不同,还是不太明白this指的是哪个。。$在某中意义上跟document.getElementByID差不多,但比document.getElementByID要强大太多。 。比如获取id=&px&的对象,即使$(&#px&),等等很多。。。这里的this和.net里面的其实差不多。
------其他回答(60分)---------$(this)是将当前遍历到的元素进行jQuery分装image_cache[this.src] = new Image();image_cache[this.src].src = imgsrc_这两句的作用是缓存图片
------回答---------------其他回答(50分)---------
JScript code
function initRollOverImages() {
var image_cache = new Object();---这里是创建新对象
$(&.swap a img&).not(&[src*='_on.']&).each(function(i) {
$(&.swap a img&)获取所有class=swap的下面的A标记下面的img标签,[src*='_on.']就是图片路径包含_on.的,.not就是不包含;完整的也就是获取所有class=swap的下面的A标记下面的路径不包含_no.的img对象。
var imgsrc = this.
( //指的就是上面单个的img对象
var dot = this.src.lastIndexOf('.'); --- 找到最后出现.的位置
var imgsrc_on = this.src.substr(0, dot) + '_on' + this.src.substr(dot, 4); --- 截取图片地址从(0,到最后出现点的位置)
image_cache[this.src] = new Image();
//初始花一个对象
image_cache[this.src].src = imgsrc_ //设置对象的图片路径
$(this).hover(
function() { this.src = imgsrc_ },
function() { this.src = }
$(document).ready(initRollOverImages);//在页面加载的时候调用initRollOverImages方法
------其他回答(10分)---------function中的this在没有调用的时候只是一个符号,不代表任何对象。只有当调用的时候才会产生一个内部对象,然后将内部对象的引用指针传递给对象实例。------其他回答(30分)---------
引用 3 楼 a 的回复:十分感谢楼上的俩位,帮我解决问题~ 还想问下 $(&.swap a img&) ,$() 这个的含义是什么。。如果用Script写出来是document.getElementByID的意思么? 还有this,在这段代码中代表的是哪个对象我还是不太明白。 image_cache[this.src]= new Image();
这里创建新对象为什么要加[this.src]呢? 我查资料发现JavaScript的this跟.net不同,还是不太明白this指的是哪个。。$在某中意义上跟document.getElementByID差不多,但比document.getElementByID要强大太多。 。比如获取id=&px&的对象,即使$(&#px&),等等很多。。。这里的this和.net里面的其实差不多。
------其他回答(60分)---------
$(this)是将当前遍历到的元素进行jQuery分装image_cache[this.src] = new Image();image_cache[this.src].src = imgsrc_这两句的作用是缓存图片
相关资料:|||||||这段基于JQuery的JavaScript代码是什么意思来源网络,如有侵权请告知,即处理!编程Tags:                &                    请问这段jquery代码是什么意思??_百度知道
请问这段jquery代码是什么意思??
ar bootbox = window?., b) {
}请问如上这段代码中的window.bootbox || function(a..?.bootbox || function(a, b) 是什么意思..?
提问者采纳
2个条件只有一个为真.bootbox 则赋值为变量bootbox,如果找到window,如果没有 这把后面的一个匿名函数赋值给bootbox,||为或运算符,则赋值,判断从左边开始在全局中
提问者评价
动漫,上网,90后,日剧,听音乐,待解救男青年,看电影,缺爱ING,技术宅,直率
其他类似问题
66人觉得有用
jquery的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁9:38:20【 转载互联网】 作者: &&|&责编:李强
&&& &为了解决用户可能碰到关于"我想给这段jQuery代码添加自动循环向上滚动效果,请高手帮忙,代码如下:"相关的问题,突袭网经过收集整理为用户提供相关的解决办法,请注意,解决办法仅供参考,不代表本网同意其意见,如有任何问题请与本网联系。"我想给这段jQuery代码添加自动循环向上滚动效果,请高手帮忙,代码如下:"相关的详细问题如下:jquery-1;Sullivan I&lt.animate({marginTop:&ul&HTML&&lt.jpg&-170px&).css(&&javascript&quot.css(& /div&&}a{font-);images/&overflow:;style&&title&li&padding.jpg&&ul li:;text-wall_s4;猛击向下&);ul&&HEAD&wall_s3;&&lt,function(){$(&//a href=&);})&li&common/);a&li&gt:12&a&&images&#47.1; /};a&li&};uploads/img src=& /&ul&a href=&button class=&botton&//li&HEAD&uploads/$(&ul&/}):20px:-170&lt.animate({marginTop.bottom&li&&ul&quot.insertBefore($(&$&style type=&/&lt:0;&wall_s1;});));}img{uploads/*{a href=&ul li:;ul&text&#47,&猛击向上&marginTop&quot&&#47:151images/&lt.jpg&&button&&lt.3;;ul&/SecurityPro Shop&/css&&&&/script&&uploads/&#47:20px 0 0 50BODY&&&&&/jquery上下图片移动& //&gt:510wall_s2;&&img src=&&li&gt:hidden:eq(0)&quot.&&&lt:;Code Rebel 3;images/&border,px&title&$top:});a href=&wall_s5;img src=&quot:relative.click(function(){$(&});/Webcam Hosting&lt:0.js&&gt:0;);0px&&a&$(function(){var $top=$(&);text/&#47,1000;}ul{list-/&gt:&&quot:relative:last&quot.jpg&&&&gt:none,&;&}div{&);a&bottom&&#47:151px!DOCTYPE HTML&&);/&common/;img src=&top&0px&uploads/&common/&));$(&quot.appendTo($(&/li&gt:first&/&line- //script&script type=&&}&&BODY&htML&&/ src=&common/text/img src=&var $bottom=$(&button class=&&div&Maui Stables&lt.0&a href=&quot.jpg&marginTop&li&&common//images&#47,function(){$(&javascript.top&quot.click(function(){$(&li&/&javascript&);&/script type=&quot===========突袭网收集的解决方案如下===========
解决方案1:'=d)*(t-2) + b.each(function(){
var $marquee = $(this);
}else if(t&lt? 1;鼠标事件;
if(opts, start )?'width'li&
marqueeId = setTimeout(scrollFunc?pPos:{
_scrollObj[_ *
});滚动元素
var $kids = $&lt,/
if(e&gt,越小速度越快;循环滚动次数;
scrollSize += $(this)[_
}else if(numView&&#47:_neg*opts.append($/&left&#39:1:5; //;ul&gt.2 * @DOM *
&lt?1.clone()):开始的位置;/ &#47.eq(numView);left&#39,'
if(,:持续的时间;&#47:当前时间;
&#47.direction == '缓动效果;down'left&#39.direction == '
}).isEqual) {
_size = $kids[_//轮换开始
start(),加速
b=_scrollObj[_dir];outerWidth&#39:&#39,': 'down'/
var _dir = (ul&//获取滚动元素的尺寸
var navHtml = &#39,0上下
var scrollId?') {
_scrollObj[_type:0;;
子元素的尺寸与个数
var $nav,单位为秒 *
direction,向前向后走
direction,/div id=&quot.navOn *
/li&gt.scrollAmount =&#47, * @options *
&#47,c;&#47:/) :20//时长, rollId.btnGo){
$,/left';mouseleave'}.width();); $;; };
numRoll = numRoll +_
var newPos = _scrollObj[_dir]+(up&#39,&#47:&;
$,b.defaults = {
isMmarquee&quot,d;
var _neg =轮换的次数
var numMoved = 0;一次滚动的距离 *
duration,单次移动时间;//;是否为Marquee
isEqual.eventNclick&#39,right:';scrollLeft'//
scrollId = setTimeout(scrollF
/所有滚动的元素长宽是否相等;&#47:{left:&#39.distance*numRoll)%scrollS&#47,/] = scrollSleft&#39!= undefined);
var newPos = Math? &#39:10;&mouseup'控制前后走
if(设定初始位置
if (/0;ul&gt.eq(numView);;克隆滚动子元素将其插入到滚动元素后,
if(_neg==1){
if(e&&#47:&#39.ceil(easeOutQuad(t; || opts,c, /
if(opts?scrollW;已经移动的距离
}).scrollAmount:'navOn&#39.btnGo;
function scrollFunc(){
var _dir = (opts://.direction == '
function start(){
rollId = setInterval(function(){
rollFunc();&#47?scrollSize.controlBtn){
$;鼠标划过停止滚动
function rollFunc(pPos){
clearInterval(scrollId);
$(this););
newPos = e: 0;
}, opts,function(){
var arrPos = [];&gt,/ *
&outerWidth'缓动效果;;left'是否自动轮换
time.css(_ul&gt,单位为秒
#marquee {li&导航事件 };=_len){
numView = 0;
scrollId = setTimeout(scrollFunc:&#39.each(&_len.oldAup&#39.;/+ (i+1) +'};停顿时间.children();=scrollSize){
newPos-=scrollS&&#39.scrollAmount = opts,'b){
c =e-scrollSize-b:_temp+(&#47.bind(
for(var i=0;/ ||;li&
&#47.navId){
&#47.loop){
_scrollObj[_dir] = 0;li&li&gt,down分别对应四个方向 *
/鼠标事件;/](),&#47!= undefined);up'+ (i+1) +&#39:';scrollLeft'鼠标事件;;&#39.3以上运行环境:true, || opts.addClass('
return clearInterval(marqueeId),加速 *
eventB,这段代码需要jquery1,
opts:'
滚动方向,原速
isAuto,单次移动时间,li&
&#47:4:200; /停顿时间: 0;&#47:3;滚动方向,10000),right,e.time*1000);scrollTop&#39:50){
if(newPos&navOn'(function($){ $;&#47:0:5;&#47:&#39,/;ul&;marqueeId = setInterval(scrollF滚动元素总尺寸小于容器尺寸; || opts.css(_type, function(i,有四个属性left,down分别对应四个方向 *
newAmount.oldAmount =li'
numView +=_scrollTop'
isMove =&navOn'overflow,越小速度越快.scrollDelay);
$navB鼠标事件;
if(numView&gt,//right' *
scrollAi++){
arrPos:&#39?'/
$navBleft&#39,val){
navHtml += '
function(){
/.scrollDelay);&#47.superMarquee = function(options){
var opts = $; ||);&#39,/;
if (得到当前所看元素序号并改变导航CSS
if(pPos == undefined&&;/height'mouseenter&#39.addClass(&#39:'//up&#39,/);
});d-1)*t*t*t*t + 1) +d){
isMove = true:&#39,d;.direction == &#39.bind(当前所看子元素
var numRoll=0?1,d){
return c*((t=t&#47,val){
$(val): '导航事件 *&#47:20, start );&#47.scrollDelay);right'click'} * @Usage *
$(&#39,'
&#47:50;li&gt,为0时无缓动效果
eventGo.scrollDelay).&;/&#47,/,&#47、左右滚动等等直接将这段代码拷贝到一个JS文件里面;
if(opts,$.eventB;scrollId = setInterval(scrollF&#47,/=0){
newPos+=scrollSize,scrollSize*2);.isAuto){
$kids.loop &gt,false
&#47:&#39:.get(0);滚动元素容器的宽度
var scrollH = $滚动元素容器
var _scrollObj = $marquee.fn:' /滚动元素容器DOM
var scrollW = $滚动动画的参数;li&scrollTop'
_scrollObj[_dir] = newPos, settings );height'0){
numView = _len-1,$navB时长
eventNav.scrollDelay);
rollFunc(); 0) {
numMoved+=
}).) .hover(i&navOn&#39,&lt.extend({},t.isAuto) {
stop();滚动子元素
var scrollSize=0;加速滚动的步长 *
eventA;&lt,&#39?pPos.3;鼠标划过停止轮换
clearInterval(marqueeId),/
numRoll = numV
scrollSize = _size * _
navHtml += '加速滚动的步长
eventA,d){
return -c *(t&#47,c;/d){
if(scrollId) clearTimeout(scrollId);, _len.navId) {
$nav = $(控制加速滚动的按钮ID;
}),并设定滚动元素宽度
$element。代码里面有调用示例;/click'right&#39:200/
function easeOutQuint(t;outerHeight'
function stop(){
clearInterval(rollId);
var _temp = numRoll&
滚动元素容器的高度
var $element = $
t=0.height().eventGo;步长
scrollD滚动元素尺寸
var _type = (marqueeId = setInterval(scrollFunc,;right'鼠标事件 *
controlBtn.removeClass('] = 0.append(navHtml);
);mousedown'.direction == &#39.push(scrollSize);
}.bind(opts.addClass(&#39:'
_len = $ };
d=opts:结束的位置
var _]();** * @classDescription 超级Marquee,1左右;导航容器ID;
c = e-b;控制方向的按钮ID.superMarquee,&#47, opts,不滚动
if (scrollSize&,b.direction == &#39:1.each(opts,&#47, opts,b;c=(pPos ,up.superMarquee,/&#47,原速 *
navId.scrollDelay);
rollFunc(arrPos[i]).superMarquee,0时无限 *
btnGo.setDefaults = function(settings) {
scrollA//;控制加速运动
if(opts:'/) , $nav).direction = i,/滚动开始
&#47, function(i;ul&&#47.superMarquee(options);li&gt, marqueeId;/
&#47、间隔滚动.direction == &#39,c;/#goR'
if(newPos&lt,可做图片导航:步长 *
scrollDelay,为0时无缓动效果 *
#goL',&#39,0时无限
newA防止滚动子元素比滚动元素宽而取不到实际滚动子元素宽度
$element:scrollH))2&lt.
numView =/right'&#47,/
$navBtns = $(&#39?'
if(numView==i)
var t.scrollDelay);scrollLeft&#39.direction == 'up&#39,function(){
if(isMove) return,b./#marquee&#39,有四个属性left,e;
e=(pPos .direction == ' ||scrollTop'outerHeight'鼠标事件:&#39.direction == '&#47.eq(numView),d));1&lt,function(){
if(isMove == true) return.direction == &#39.hover(
function(){
clearInterval(marqueeId):-1;
var numView = 0.newAright'
$navBtns.eventA:-1)*opts.hover(&#47.isMarquee){
if (left&#39,function(){
scrollLeft&#39.each(function(i){
$(this);scrollSize*
c = e+scrollSize -b;,false *
loop.scrollAmount.direction =left'
if (opts,单位为毫秒 *
isEqual.extend( $;click'left&#39? '/&;#marqueeNav&#39,/
var newPos =&#47:&#39.&#47:改变的位置;&#47, options),
if(scrollId) clearTimeout(scrollId);),b;
clearInterval(scrollId); &#47.direction == '&#47, &#47,&#39.superM/(_type.navId);:'/navOn'&#47.
})给你一个函数
你调用下就OK了;滚动类型:&#39,导航DOM;'/ /轮换导航
if (opts,图片轮换 * @dependence jQuery 1, opts,c;/li&/
function easeOutQuad(t;#goR'
marqueeId = setTimeout(scrollFli&gt,&#47.controlBb){
c = e-b; *
&lt.direction == &#39.push(i*_size),支持加速滚动;' ||&/#goL'
}).isMarquee){
marqueeId = setTimeout(scrollFunc.direction == &#39.isMarquee){
/&#47.eq(numView);div&gt.duration.bind(opts.removeClass('
//&#39,导航CSS。望采纳??/
if(numMoved&gt?&#39、循环滚动.duration){
if(t++&lt, isM/),&#47,&#47,'&#47、上下滚动.each(function(i){
arrPdown'width'所有滚动的元素长宽是否相等:'
navHtml += &#39,&#47.scrollAmount.scrollDelay);循环滚动次数; })(jQuery).children(),&#47解决方案2:然后简单实现你要的效果;);div style=&quot.call();ul&
&function down(){ $(&quot:$bottom.;ul&); }).&lt,&quot: 1700px&&quot.;marginTop&&gt.click(function(){ down();/.animate({marginTop.css(&quot,function(){
$(&quot..;);.: 340};div&ul&}),3500;}具体的数值你自己控制好就行了你需要控制的是给div加个高度&lt解决方案3:在onload事件中调用button的方法
================可能对您有帮助================
问:&!DOCTYPE HTML& &HTML& &title&jquery上下图片移动&/title& &HEAD& &st...答:给你一个函数 你调用下就OK了,支持加速滚动、循环滚动、间隔滚动、上下滚动、左右滚动等等 直接将这段代码拷贝到一个JS文件里面,这段代码需要jquery1.3以上运行环境。 代码里面有调用示例。 望采纳?? /** * @classDescription 超级Marquee,可...===========================================问:&script type="text/javascript"& window.onload = function(){//页面所...答:首先说,for循环,js和jquery是共用的,所以说用也是可以的,这给出你jquery的遍历 $("p"),html标签选择器 $("p").each(function(i,n){ $(n).click(function(){ alert("dd") }); })l //n表示遍历的对象,一般用${}来取得,i表示的是下标,我没有...===========================================问:&script type="text/javascript"& window.onload = function(){//页面所...答:写出你列表中代码,可以循环+变量的,我这里给出的是死数据你照着做 var str="select显示的东西"; $("#id").append(str); 第二句就是找到你的select对象把str填充进去,就可以得到了 循环时你应该会有2组变量 一个存值一个存显示数据假设为arr1...===========================================问:$("#aa").animate({width:600},"slow"); $("#aa").animate({height:600}...答:JavaScript有while循环,所以JQuery有while循环。===========================================问:有两个以上的表格,里面的内容一样,就是数值不同,求JQUERY自动求和各...答://功能描述:我不知道你所说的"自动"是什么调用方法,所以我设置成页面加载完成就计算了 //历遍class="table_sum"的表,判断tr中的第一个td是不是数字,是数字的话,就计算第二个td的值 //最后把结果放到该表的class="sum"的td格中 //代码已测试成功,...===========================================问:&script type="text/javascript"& $(document).ready(function(){ $(".t...答:$(document).ready(function(){ for(var i=0,n;i===========================================问:&html xmlns="http://www.w3.org/1999/xhtml"& &head& &meta http-equiv...答:$("li[id^='li_']").each(function(i){ $(this).click(function(){ $("#div_"+(i+1)).slideDown(100); $("div[id^='div_']").not($("#div_"+(i+1))).slideUp(100); $("#li_"+(i+1)).css({"background-color":"#ff0000"}); $("li[id^='li_']").no...===========================================问:divElement对象是jsp页面的,id是“wsx”; 1,如果把div换成span可以显示数...答:为什么不用jquery的append方法?这个你想添加什么标签就添加什么标签。 for循环将你要添加的标签写上,然后直接 var talbeAdd="" for(){ tableAdd+="这儿写你要添加的内容"; } $("table").append("这个写你要添加的标签"); 你想通过什么事件添加...===========================================问:$.ajax({ url:"/Test/equipmentDao.do?method=getEquipmentName", type:...答:楼主确定代码没报错么? $("#EquipmentName").append(''+val+''); 这里貌似有语法错误吧 应该 $("#EquipmentName").append(''+val); 把多余的代码删除试试===========================================

我要回帖

更多关于 jquery源代码分析 的文章

 

随机推荐