码迷,mamicode.com
首页 > Web开发 > 详细

js学习

时间:2015-03-03 09:48:50      阅读:219      评论:0      收藏:0      [点我收藏+]

标签:

jQuery(document).ready(function(){  //初始化  init();  //切换卡  tabs();

    //专题图片切换  topic_ani();

  });

//切换卡 function tabs(){  //新闻通报  jQuery(".container_title div").mouseover(function(){   var index = jQuery(this).index();      if(index == 0){    jQuery(".container_title span a").attr("href","/secweb/xxhglc/Lists/List2/AllItems.aspx");    document.getElementById("maintabtitle1").className="title_white";    document.getElementById("maintabtitle2").className="title_gray";    jQuery(".xwtb").show();    jQuery(".zxgx").hide();    jQuery(".gdxw").eq(0).show();          jQuery(".gdxw").eq(1).hide();   }   if(index == 1){    jQuery(".container_title span a").attr("href","/jgcs/news/Pages/defaultpage.aspx");    document.getElementById("maintabtitle1").className="title_gray";    document.getElementById("maintabtitle2").className="title_white";    jQuery(".xwtb").hide();    jQuery(".zxgx").show();    jQuery(".gdxw").eq(0).hide();          jQuery(".gdxw").eq(1).show();

  }     });    //通知公告  jQuery(".container_title1 div").mouseover(function(){   var index = jQuery(this).index();      if(index == 0){    jQuery(".container_title1 span a").attr("href","/secweb/xxhglc/Lists/List1/AllItems.aspx");    document.getElementById("maintabtitle3").className="title_white";    document.getElementById("maintabtitle4").className="title_gray";    jQuery(".tzgg").show();          jQuery(".bzzd").hide();    jQuery(".ggzd").eq(0).show();          jQuery(".ggzd").eq(1).hide();

  }   if(index == 1){    jQuery(".container_title1 span a").attr("href","/secweb/xxhglc/Lists/List14/AllItems.aspx");    document.getElementById("maintabtitle3").className="title_gray";    document.getElementById("maintabtitle4").className="title_white";    jQuery(".tzgg").hide();          jQuery(".bzzd").show();           jQuery(".ggzd").eq(1).show();          jQuery(".ggzd").eq(0).hide();

  }

   });      //设备安全  jQuery(".container_title2 div").mouseover(function(){   var index = jQuery(this).index();      if(index == 0){    jQuery(".container_title2 span a").attr("href","/secweb/xxhglc/Lists/List15/AllItems.aspx");    document.getElementById("maintabtitle5").className="title_white";    document.getElementById("maintabtitle6").className="title_gray";    jQuery(".sbaq").show();          jQuery(".kzhb").hide();           jQuery(".sbkz").eq(0).show();          jQuery(".sbkz").eq(1).hide();   }   if(index == 1){    jQuery(".container_title2 span a").attr("href","/secweb/xxhglc/Lists/List16/AllItems.aspx");    document.getElementById("maintabtitle5").className="title_gray";    document.getElementById("maintabtitle6").className="title_white";    jQuery(".sbaq").hide();          jQuery(".kzhb").show();           jQuery(".sbkz").eq(1).show();          jQuery(".sbkz").eq(0).hide();   }      });       //技术管理  jQuery(".container_title3 div").mouseover(function(){   var index = jQuery(this).index();      if(index == 0){    jQuery(".container_title3 span a").attr("href","/secweb/xxhglc/Lists/List18/AllItems.aspx");    document.getElementById("maintabtitle7").className="title_white";    document.getElementById("maintabtitle8").className="title_gray";    jQuery(".jsgl").show();          jQuery(".jhjy").hide();           jQuery(".jsjh").eq(0).show();          jQuery(".jsjh").eq(1).hide();

  }   if(index == 1){    jQuery(".container_title3 span a").attr("href","/secweb/xxhglc/Lists/List19/AllItems.aspx");    document.getElementById("maintabtitle7").className="title_gray";    document.getElementById("maintabtitle8").className="title_white";    jQuery(".jsgl").hide();          jQuery(".jhjy").show();           jQuery(".jsjh").eq(1).show();          jQuery(".jsjh").eq(0).hide();

  }       });

 //党群工作  jQuery(".container_title4 div").mouseover(function(){   var index = jQuery(this).index();      if(index == 0){    jQuery(".container_title4 span a").attr("href","/secweb/xxhglc/Lists/List20/AllItems.aspx");    document.getElementById("maintabtitle9").className="title_white";    document.getElementById("maintabtitle10").className="title_gray";    jQuery(".dqgz").show();          jQuery(".xxyl").hide();           jQuery(".dqxx").eq(0).show();          jQuery(".dqxx").eq(1).hide();   }   if(index == 1){    jQuery(".container_title4 span a").attr("href","/secweb/xxhglc/Lists/List21/AllItems.aspx");    document.getElementById("maintabtitle9").className="title_gray";    document.getElementById("maintabtitle10").className="title_white";    jQuery(".dqgz").hide();          jQuery(".xxyl").show();           jQuery(".dqxx").eq(1).show();          jQuery(".dqxx").eq(0).hide();   }      }); }

function init(){    jQuery(".xwtb").show();  jQuery(".zxgx").hide();  jQuery(".gdxw").eq(0).show();  jQuery(".gdxw").eq(1).hide();

 jQuery(".tzgg").show();  jQuery(".bzzd").hide();  jQuery(".ggzd").eq(0).show();  jQuery(".ggzd").eq(1).hide();

      jQuery(".sbaq").show();  jQuery(".kzhb").hide();   jQuery(".sbkz").eq(0).show();  jQuery(".sbkz").eq(1).hide();

   jQuery(".jsgl").show();  jQuery(".jhjy").hide();   jQuery(".jsjh").eq(0).show();  jQuery(".jsjh").eq(1).hide();    jQuery(".dqgz").show();  jQuery(".xxyl").hide();   jQuery(".dqxx").eq(0).show();  jQuery(".dqxx").eq(1).hide();    

} //判断是否登陆 function isLongin(){  var tags = jQuery("#dengluflag").text();

 if(tags.indexOf("欢迎您") !=  -1){   jQuery(".xtdb_bj").eq(0).show();   jQuery(".xtdb_bj").eq(1).hide();    jQuery("#showdowndiv1").show();   }else{   jQuery(".xtdb_bj").eq(1).show();      jQuery(".xtdb_bj").eq(0).hide();      jQuery("#showdowndiv1").hide();      jQuery("embed").attr("onmouseup","");

 } }

//导航下拉 function nav_xiala(){  jQuery(".nav_item ul li").find("ul").hide();  jQuery(".nav_item ul li").hover(function(){   jQuery(this).find("ul").show();  },function(){   jQuery(this).find("ul").hide();

 }); } //单点登录根据不同的用户名进行展示 function ssoShow(){    jQuery.post("/_layouts/15/ZBAppPage/GetCustomSSO.aspx",function(data){        jQuery(".xtdb_dd").eq(0).html(data);  });

}

   //专题图片切换 function topic_ani(){  var i = 0;

 jQuery(".jb_bottom_next").click(function(){   i++;   var $jb_middle_zhuanti = jQuery(".jb_middle_zhuanti ul li");   var $jb_middle_zhuanti_w = $jb_middle_zhuanti.outerWidth();   var $jb_middle_zhuanti_move = $jb_middle_zhuanti.outerWidth()*i;   var all_w = $jb_middle_zhuanti_w*$jb_middle_zhuanti.length-$jb_middle_zhuanti_w*5;   if($jb_middle_zhuanti_move >=  all_w){     $jb_middle_zhuanti_move = all_w;     i = all_w/$jb_middle_zhuanti_w;   }      jQuery(".jb_middle_zhuanti ul li").stop(true,true).animate({left:-$jb_middle_zhuanti_move});  });

 jQuery(".jb_top_last").click(function(){   i--;   var $jb_middle_zhuanti = jQuery(".jb_middle_zhuanti ul li");   var $jb_middle_zhuanti_w = $jb_middle_zhuanti.outerWidth();   var $jb_middle_zhuanti_move = $jb_middle_zhuanti.outerWidth()*i;   if($jb_middle_zhuanti_move <=  0){      $jb_middle_zhuanti_move = 0;      i=0;   }

  jQuery(".jb_middle_zhuanti ul li").stop(true,true).animate({left:-$jb_middle_zhuanti_move});  });

}

 

 

 

<div class="container_title1">
   <div class="title_gray" id="maintabtitle3">
      <a href="/secweb/xxhglc/Lists/List1/AllItems.aspx" target="_blank">通知公告</a>&#160;</div>
   <div class="title_white" id="maintabtitle4">
      <a href="/secweb/xxhglc/Lists/List14/AllItems.aspx" target="_blank">标准制度</a>&#160;</div>
   <span class="more_img">
      <a href="/secweb/xxhglc/Lists/List1/AllItems.aspx" target="_blank">更多
         <img src="/secweb/xxhglc/Images2015/more.gif" /></a></span> &#160;</div>

js学习

标签:

原文地址:http://www.cnblogs.com/GreenGrass/p/4310168.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!