123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152 |
- import '../css/bootstrap.less';
- import 'bootstrap/dist/js/bootstrap.js';
- import '../css/newMenu/public.css';
- import '../css/newMenu/header.css';
- import '../css/index_home.css';
- import '../css/indexNew.css';
- import './public.js';
- import './jquery-2.1.0.js';
- (function(){
-
- //搜索框上面栏目的选择
- $(".indexSeach_one>ul>li").click(function(){
- $(this).parent().children().removeClass("indexActive");
- $(this).addClass("indexActive");
- })
- //搜索功能
- $(".indexImg1").click(function(){
- var seachon=$(".indexSeach_one>ul>li.indexActive").index();
- var key=$(this).siblings('div').children().val();
- switch(seachon){
- case 0:window.open(globalConfig.context + `/portal/technologyTrading/achievementList.html?name=${key}`);break;
- case 1:window.open(globalConfig.context + `/portal/technologyTrading/demandList.html?name=${key}`);break;
- case 2:window.open(globalConfig.context + `/portal/thinkTank/policyList?name=${key}`);break;
- default :break;
- }
- })
- //申请会员
- $(".indexImg2").click(function(){
- $(".ret_top>li:nth-child(1)").click();
- })
- //成果需求切换
- $(".indexGroom_table>div").click(function(){
- $(this).parent().children().removeClass("indexGroom_active");
- $(this).addClass("indexGroom_active");
- if($(this).html()=="成果"){
- $(".chengguo").css("display","block");
- $(".xuqiu").css("display","none");
- }else if($(this).html()=="需求"){
- $(".chengguo").css("display","none");
- $(".xuqiu").css("display","block");
- }
- })
- //滚动导航
- $(window).scroll(function(){
- var scrolltop=$(document).scrollTop();
- if(scrolltop>0){
- $('.topNav').addClass('navFix')
- }else{
- $('.topNav').removeClass('navFix');
- }
- });
-
-
- //轮播图的开始
- var img_length=$(".ct-img-big").children("li").length-2;
- var smallhtml="";
- for(var i=1;i<=img_length;i++){
- smallhtml+="<li></li>"
- }
- $(".ct-img-small").html(smallhtml);
- var ctwidth=$('.ct-img-small').width();
- $('.ct-img-small').css({marginLeft:-ctwidth/2});
- $(".ct-img-small").children().eq(0).addClass("active");
- var $imgBig=$('.ct-img-big'),
- $btnNext=$('.btn-next'),
- $btnPre=$('.btn-pre'),
- $CT = $('.carouselt'),
- $imgSmall=$('.ct-img-small');
- var $imgWidth=$imgBig.find('li').width();//获取图片的宽度;
- var $imgLength=$imgBig.children().length;//获取克隆前的图片的长度;
- // 拷贝第一张和最后一张;把最后一张图放在最前面;把最前面的图放在最后;
- var $firstImg=$imgBig.find('li').first(),
- $lastImg=$imgBig.find('li').last();
- $imgBig.prepend($lastImg.clone());
- $imgBig.append($firstImg.clone()); //设置imgBig clone后的宽度
- $imgBig.css("width", $imgWidth*$imgBig.children().length+"px")//这时的个数是添加完以后的个数
- $imgBig.css({'left':'-='+$imgWidth+'px'})//把第一张图放入可视区
- var pageIndex = 0 ; //img的下标;
- var isAnimate = false//防止重复点击 上锁
- $btnNext.on('click',function(e){
- e.preventDefault();
- playNext();
- setTimeout(function(){
- },1500)
- });
- $btnPre.on('click',function(e){
- e.preventDefault();
- playPre();
- setTimeout(function(){
- },1500)
- });
- $imgSmall.find('li').on('click',function(){
- var smallIdx= $(this).index();
- if(smallIdx>pageIndex){
- playNext(smallIdx-pageIndex)
- }
- else if(smallIdx<pageIndex){
- playPre(pageIndex-smallIdx)
- }
- });
- function playNext(n){
- var idx = n ||1;
- if(isAnimate) return;
- isAnimate = true;
- $imgBig.animate({'left':'-='+ $imgWidth*idx+'px'},1500,function(){
- //如果页数=图片的最后一个,就让图片回到第一张;即data-index=0;
- pageIndex = pageIndex+idx;
- if( pageIndex ===$imgLength ){
- $imgBig.css({'left':'-'+$imgWidth+'px'})
- pageIndex = 0;
- }
- isAnimate = false;
- smallImg()
- })
- }
- function playPre(n){
- var idx = n ||1;
- if(isAnimate) return;
- isAnimate = true;
- $imgBig.animate({'left':'+='+$imgWidth*idx+'px'},1500,function(){
- pageIndex=pageIndex-idx;
- if(pageIndex<0){
- $imgBig.css({'left':'-'+$imgWidth*$imgLength+'px'});
- pageIndex = $imgLength-1;
- }
- isAnimate = false;
- smallImg()
- })
- }
- //设置小图的class
- function smallImg(){
- $imgSmall.children()
- .removeClass('active')
- .eq(pageIndex) .addClass('active')
- }
- //自动轮播 鼠标进入鼠标离开
- var timer =setInterval(function(){
- playNext()
- },3000);
- $CT.hover(function(){
- clearInterval(timer)
- },function(){
- timer =setInterval( function(){
- playNext()
- },3000)
- });
- })()
|