自己常用的js方法

  1 $(function(){
  2     tabview("#zcfw_list1");
  3     tabview("#zcfw_list2");
  4     tabview("#zcfw_list3");
  5     tabview("#zcfw_list4");
  6     //搜索切换
  7     new slide("#main-slide","cur",300,220,1);//焦点图
  8     tabmenu2("#search_list li","hover",".search_cont");
  9     tabmenu("#yaowen_tab li","hover",".yaowen_cont");
 10     tabmenu("#sxfc_menu li","hover",".sxfc_cont");//省网
 11     tabmenu("#around_left li","hover",".tab_left_c");//省网
 12     tabmenu("#around_right li","hover",".tab_right_c");//省网
 13 
 14     //输入框文字切换消失
 15     var hoverTextObj=$(".hoverText");    
 16     var hoverText=new Array();
 17     hoverTextObj.each(function(i){
 18                 hoverText[i]=$(hoverTextObj).eq(i).val();
 19                 $(hoverTextObj).eq(i).focus(function(){
 20                       $(this).attr('value','');
 21                   }).blur(function(){
 22                       $(this).attr('value',hoverText[i]);
 23                   }).change(function(){
 24                       $(this).unbind('blur').unbind('focus')
 25                   })
 26                   
 27          })
 28     /*图片缓存*/
 29     $("body img:not(#[id^='PHPADM_'] img)").lazyload({
 30         effect : "fadeIn",
 31         failurelimit : 5,//加载五个不可见区域的图片
 32         placeholder : "http://fcdt.800j.com.cn/statics/images/index/grey.gif"
 33     });
 34 })
 35 //下拉菜单
 36 function tabview(itemobj){
 37     $(itemobj+">dd").css({"display":"none"});
 38     $(itemobj).mouseover(function(){
 39         $(itemobj+">dd").css({"display":""});
 40     }).mouseout(function(){
 41         $(itemobj+">dd").css({"display":"none"});
 42     })
 43 }
 44 //标签切换
 45     function tabmenu(liItem,liItemClass,contClass) {
 46         var t;
 47         $(liItem).mouseover(function(){
 48             t=setTimeout(function(){foo()},60);
 49             var thisLi=$(this);
 50             var foo=function(){
 51                 if(thisLi.attr("rel")!="notab"){
 52                     $(liItem).attr("class"," ");
 53                     thisLi.attr("class",liItemClass);
 54                     var thisIndex=thisLi.index();
 55                     if($(contClass).eq(thisIndex).css("display")=="none"){
 56                         $(contClass).css("display","none");
 57                         }
 58                     $(contClass).eq(thisIndex).fadeIn("fast");
 59                     return false;
 60                 }
 61                 
 62             }
 63         })
 64         $(liItem).mouseout(function(){
 65             clearTimeout(t)
 66         })
 67     }
 68 
 69     //标签切换2
 70     function tabmenu2(liItem,liItemClass,contClass) {
 71         $(liItem).click(function(){
 72                 $(liItem).attr("class"," ");
 73                 $(this).attr("class",liItemClass);
 74                 var thisIndex=$(this).index();
 75                 if($(contClass).eq(thisIndex).css("display")=="none"){
 76                     $(contClass).css("display","none");
 77                     }
 78                 $(contClass).eq(thisIndex).fadeIn("fast");
 79                 return false;
 80         })    
 81     }
 82 //文字滚动
 83 //t_w,文字宽度,也就是文字一屏滚动宽度
 84 function textscroll(id,w){
 85     var a=$("#"+id);
 86     var linum=a.find("ul li").length;
 87     var ulobj=a.find("ul").eq(0);
 88     if(linum>1){
 89         w=linum*350;
 90         ulobj.width(w);
 91         a.find(".qht_prev").click(function (){
 92             var w=ulobj.width()-350;
 93             var ulobjleft=ulobj.css("left");
 94             if(ulobjleft!=("-"+w+"px")){
 95                 var w=a.find("ul").width();
 96                 ulobj.animate({left:'-=350px'},500,"easeInOutExpo");
 97                 return false;
 98             }else if(ulobjleft==("-"+w+"px")){
 99                 ulobj.animate({left:'0px'},500,"easeInOutExpo");
100                 return false;
101             }
102         });
103         function goprev() {
104             var w=ulobj.width()-260;
105             var ulobjleft=ulobj.css("left");
106             if(ulobjleft!=("-"+w+"px")){
107                 var w=a.find("ul").width();
108                 ulobj.animate({left:'-=350px'},500,"easeInOutExpo");
109                 return false;
110             }else if(ulobjleft==("-"+w+"px")){
111                 ulobj.animate({left:'0px'},500,"easeInOutExpo");
112                 return false;
113             }
114         }
115         a.find(".qht_next").click(function(){
116             var w=ulobj.width()-260;
117             var ulobjleft=ulobj.css("left");
118             if(ulobjleft!="0px"){
119                 var w=a.find("ul").width();
120                 ulobj.animate({left:'+=350px'},500,"easeInOutExpo");
121                 return false;
122             }else{
123                 ulobj.animate({left:("-"+w+"px")},500,"easeOutElastic");
124                 return false;
125             }
126         })
127             setInterval(goprev,4000)
128     }
129 }
130 //首页98030广告文字纵向滚动
131 function currF(id,curr){
132     var curr=0;
133     timerID = setInterval(topscroll,4000)
134     function topscroll() {        
135         var a=$(id);
136         var ul=a.find("ul").eq(0);
137         var h=ul.height();//所有项目的总高
138         var anum=a.find("li").length;//所有项目的数量
139         //ah=h/anum;每个项目的高
140         if(anum>0&&curr<anum-1){
141             ah=Math.ceil(h/anum);
142             curr++;
143             p = (ah*curr*-1)
144             ul.animate({top: p },500);
145             
146         }else{
147             ul.animate({top:"0px"},500);
148             curr=0;
149         }
150         
151     }
152 }

 

posted @ 2014-06-27 23:46  细腿猫  阅读(237)  评论(0编辑  收藏  举报