js代码
<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"> $(function(){ $('.controls').click(function(){ if($(this).hasClass('show')){ $(this).removeClass('show'); $('.start').html('<span>开</span><span>始</span>'); subMove(); }else{ $(this).addClass('show'); $('.start').html('<span>重</span><span>置</span>'); addMove(); } }) $('.project').click(function () { if($(this).hasClass('showli')){ console.log(45); }else{ var num = $(this).index(); $('.bg_main input').val(num); $('.bg_bg').show(); $('.bg_main').show(); } }) $('.qxxz').click(function () { $('.bg_bg').hide(); $('.bg_main').hide(); }) $('.qrxz').click(function () { var id = $(this).parent().parent().find('input').val(); //alert(id); $('.ani'+id).addClass('showli'); $('.bg_bg').hide(); $('.bg_main').hide(); }) }) function addMove(){ $('.project').each(function(index,item){ setTimeout(function(){ $(item).addClass('ani'+ index); },index*300); }) } function subMove(){ $('.project').each(function(index,item){ $('.project').removeClass('showli'); $(item).removeClass('ani'+ index); }) } </script>
在线预览
资源均来自第三方,谨慎下载,前往第三方网站下载