123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100 |
- /**
-
- @Name: layuiNetCompany - 大气风格的网络公司企业模版
- @Author: xuxingyu
- @Copyright: layui.com
-
- */
- layui.define(['jquery', 'element', 'carousel', 'laypage'], function(exports){
- var $ = layui.jquery
- ,element = layui.element
- ,carousel = layui.carousel
- ,laypage = layui.laypage;
- //轮播渲染
- carousel.render({
- elem: '#banner'
- ,width: '100%'
- ,height: '258px'
- ,arrow: 'always'
- });
- //滚动监听
- $(window).scroll(function() {
- var scr=$(document).scrollTop();
- scr > 0 ? $(".nav").addClass('scroll') : $(".nav").removeClass('scroll');
- });
- //轮播文字
- $(function(){
- $('.banner').children('.title').addClass('active');
- })
- //导航切换
- var btn = $('.nav').find('.nav-list').children('button')
- ,spa = btn.children('span')
- ,ul = $('.nav').find('.nav-list').children('.layui-nav');
- btn.on('click', function(){
- if(!$(spa[0]).hasClass('spa1')){
- spa[0].className = 'spa1';
- spa[1].style.display = 'none';
- spa[2].className = 'spa3';
- $('.nav')[0].style.height = 90 + ul[0].offsetHeight + 'px';
- }else{
- spa[0].className = '';
- spa[1].style.display = 'block';
- spa[2].className = '';
- $('.nav')[0].style.height = 80 + 'px';
- }
- });
- //关于内容
- $('.main-about').find('.aboutab').children('li').each(function(index){
- $(this).on('click', function(){
- $(this).addClass('layui-this').siblings().removeClass('layui-this');
- $('.aboutab').siblings().fadeOut("fast");
- $('.aboutab').siblings().eq(index).fadeIn("");
- });
- });
- //动态分页
- /*
- laypage.render({
- elem: 'newsPage'
- ,count: 50
- ,theme: '#2db5a3'
- ,layout: ['page', 'next']
- });
- //案例分页
- laypage.render({
- elem: 'casePage'
- ,count: 50
- ,theme: '#2db5a3'
- ,layout: ['page', 'next']
- });
- */
- //新闻字段截取
- $(function(){
- $(".main-news").find(".content").each(function(){
- var span = $(this).find(".detail").children("span")
- ,spanTxt = span.html();
- if(document.body.clientWidth > 463){
- span.html(spanTxt);
- }else{
- span.html(span.html().substring(0, 42)+ '...')
- };
- $(window).resize(function(){
- if(document.body.clientWidth > 463){
- span.html(spanTxt);
- }else{
- span.html(span.html().substring(0, 42)+ '...')
- };
- });
- });
- });
- exports('firm', {});
- });
|