https://dhorde.com/static/assets/js/index.js

1$(document).ready(function () {
2  // 头部加选中效果
3  // $('.tab_box li').eq(0).addClass('activeselect')
4
5  // 初始化swiper
6  new Swiper('.swiper', {
7    slidesPerView: 'auto',
8    loop: true,
9    autoplay: true,
10    pagination: {
11      el: '.swiper-pagination',
12    },
13  })
14
15
16  // 移动端 热销产品 swiper
17  new Swiper('.swiper2', {
18    slidesPerView: 'auto',
19    loop: true,
20    pagination: {
21      el: '.swiper-pagination',
22    },
23  })
24  
25
26  // 及时设计
27  new Swiper('.swiper1', {
28    autoplay: true,
29    loop: true,
30  })
31
32  // 手风琴
33  $(".desktop-wrapper .option").click(function () {
34    $(".option").removeClass("active");
35    $(this).addClass("active");
36  });
37
38  $('.p4_item').click(function () {
39    console.log($(this), '点击了第几个');
40    $('.t1').removeClass('none');
41    $('.t2').addClass('none')
42    $('.p4_item').removeClass('p4_active')
43    $(this).addClass('p4_active')
44
45    //切换下面的显示区域
46    var navType = $(this).attr('data-id');
47    console.log(navType);
48    $(".recome_list").addClass('none');
49    $(".recome_list_" + navType).removeClass('none');
50  })
51
52
53
54  /**
55   * 资源库
56   */
57
58  // 视频假数据
59  // let arr = [{ id: 1, cover: 'https://static.dhorde.com/developers/image/20210916/20210916140845_6258.jpg', url: 'http://developers-1301854784.cos.ap-nanjing.myqcloud.com/developers/file/2021916/1631772531241_98.mp4', title: ' 具有实体框架支持的 Oracle ADO.NET 提供程序' },
60  // { id: 2, cover: 'https://static.dhorde.com/developers/image/20210916/20210916135421_4150.jpg', url: 'http://developers-1301854784.cos.ap-nanjing.myqcloud.com/developers/file/2021916/1631771687264_91.mp4', title: ' 具有实体框架支持的 Oracle ADO.NET 提供程序' }]
61
62  // initVideoList()
63
64  // function initVideoList () {
65  //   $('.p5_b_right').empty()
66  //   // 初始左边
67  //   var player = videojs('video1')
68  //   player.src(arr[0].url)
69  //   player.posterImage.setSrc(arr[0].cover)
70
71  //   // 初始右边列表
72  //   let str = ''
73  //   arr.map((item, index) => {
74  //     if (index !== 0) {
75  //       str += `<div class="p5_b_right_item" data-url="${item.url}" data-cover="${item.cover}">
76  //       <div class="p5_mini_video">
77  //         <img src="${item.cover}" >
78  //       </div>
79  //       <div class="p5_video_des">
80  //         ${item.title}
81  //       </div>
82  //     </div>`
83  //     }
84  //   })
85
86  //   $('.p5_b_right').html(str)
87  // }
88
89  videojs('video1', {}, function () {
90    var that = this
91    $('.videobtn').click(function () {
92      let id=$('#video1').data('id');
93      $.get('/resources/play',{id:id},function(){});
94      $('.videocover').hide()
95      that.play();
96    })
97  });
98  // 点击视频列表 切换视频并播放
99  $(document).on('click', '.p5_b_right_item', function () {
100    console.log('点击了2')
101    let id=$(this).data('id');
102    $.get('/resources/play',{id:id},function(){});
103    let url = $(this).data('url')
104    let cover = $(this).data('cover')
105    let title = $(this).data('title')
106    $('.videocover').hide()
107    $('.p5_b_introdu').html(title);
108    var player = videojs('video1', {
109      controls: true
110    })
111    player.src(url)
112    player.posterImage.setSrc(cover)
113    player.play();
114  })
115
116  /**
117   * 新闻资讯
118   */
119
120  // 新闻假数据
121  // let newsarr = [
122  //   { id: 1, cover: 'https://static.dhorde.com/developers/image/20210916/20210916140845_6258.jpg', title: '热烈庆祖于南京市中南联智教育股份公司达成战略合作', time: '2022-2-1', des: '1深圳市中南教育囧深圳市中南教育囧深圳市中南教育囧深圳市中南教育囧深圳市中南教育囧深圳市中南教育囧' },
123  //   { id: 2, cover: 'https://static.dhorde.com/developers/image/20210916/20210916140845_6258.jpg', title: '热烈庆祖于南京市中南联智教育股份公司达成战略合作', time: '2022-2-3', des: '2深圳市中南教育囧深圳市中南教育囧深圳市中南教育囧深圳市中南教育囧深圳市中南教育囧深圳市中南教育囧' }]
124
125  // initnewsList()
126
127  // function initnewsList () {
128  //   $('.p6_right').empty()
129  //   // 初始左边
130  //   setp6(newsarr[0].cover, newsarr[0].title, newsarr[0].time, newsarr[0].des)
131
132  //   // 初始右边列表
133  //   let str = ''
134  //   newsarr.map((item, index) => {
135  //     if (index !== 0) {
136  //       str += `<div class="p6_induc p6_right_item" data-cover="${item.cover}"  data-time="${item.time}" data-des="${item.des}" data-title="${item.title}">
137  //       <div><span class="p6_icon">产品更新</span><span class="p6_nowt">${item.title}</span> </div>
138  //       <p class="p6_time">${item.time}</p>
139  //       <p class="p6_des">${item.des}</p>
140  //     </div>`
141  //     }
142  //   })
143  //   $('.p6_right').html(str)
144  // }
145
146  // 点击新闻列表 跳转
147  $(document).on('click', '.p6_right_item, .p6_left', function () {
148    let id = $(this).data('id')
149    window.open('/news/' + id+'.html', 'target', '');
150  })
151
152  // function setp6 (cover, title, time, des) {
153  //   $('.p6_left .p6_pic').attr("src", cover);
154  //   $('.p6_left .p6_induc .p6_nowt').html(title)
155  //   $('.p6_left .p6_induc .p6_time').html(time)
156  //   $('.p6_left .p6_induc .p6_des').html(des)
157  // }
158})