首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

生手求教jquery代码含义

2013-10-30 
新手求教jquery代码含义var arrowimages{down:[downarrowclass, arrow-down.gif, 25], right:[right

新手求教jquery代码含义
var arrowimages={down:['downarrowclass', 'arrow-down.gif', 25], right:['rightarrowclass', 'arrow-right.gif']} 

var jquerycssmenu={ 

fadesettings: {overduration: 350, outduration: 100}, 

buildmenu:function(menuid, arrowsvar){ 
 jQuery(document).ready(function($){ 
  var $mainmenu=$("#"+menuid+">ul") 
  var $headers=$mainmenu.find("ul").parent() 
  $headers.each(function(i){ 
   var $curobj=$(this) 
   var $subul=$(this).find('ul:eq(0)') 
   this._dimensions={w:this.offsetWidth, h:this.offsetHeight, subulw:$subul.outerWidth(), subulh:$subul.outerHeight()} 
   this.istopheader=$curobj.parents("ul").length==1? true : false 
   $subul.css({top:this.istopheader? this._dimensions.h+"px" : 0}) 
   $curobj.children("a:eq(0)").css(this.istopheader? {paddingRight: arrowsvar.down[2]} : {}).append( 
    '<img src="'+ (this.istopheader? arrowsvar.down[1] : arrowsvar.right[1]) 
    +'" class="' + (this.istopheader? arrowsvar.down[0] : arrowsvar.right[0]) 
    + '" style="border:0;" />' 
   ) 
   $curobj.hover( 
    function(e){ 
     var $targetul=$(this).children("ul:eq(0)") 
     this._offsets={left:$(this).offset().left, top:$(this).offset().top} 
     var menuleft=this.istopheader? 0 : this._dimensions.w 
     menuleft=(this._offsets.left+menuleft+this._dimensions.subulw>$(window).width())? (this.istopheader? -this._dimensions.subulw+this._dimensions.w : -this._dimensions.w) : menuleft 
     $targetul.css({left:menuleft+"px"}).fadeIn(jquerycssmenu.fadesettings.overduration) 
    }, 
    function(e){ 
     $(this).children("ul:eq(0)").fadeOut(jquerycssmenu.fadesettings.outduration) 
    } 
   ) //end hover 
  }) //end $headers.each() 
  $mainmenu.find("ul").css({display:'none', visibility:'visible'}) 
 }) //end document.ready 



//build menu with ID="myjquerymenu" on page: 
jquerycssmenu.buildmenu("myjquerymenu", arrowimages) 
这是全部的代码,我想问的是这几行代码的含义:

var arrowimages={down:['downarrowclass', 'arrow-down.gif', 25], right:['rightarrowclass', 'arrow-right.gif']} 

var jquerycssmenu={ 

fadesettings: {overduration: 350, outduration: 100}, 

buildmenu:function(menuid, arrowsvar){ jquery menu function
[解决办法]
前面定义了json串,剩下的都是基本语法,访问元素,并设置一些事件,比如hover的效果
[解决办法]

引用:
前面定义了json串,剩下的都是基本语法,访问元素,并设置一些事件,比如hover的效果


是的  +1

热点排行