622 lines
22 KiB
HTML
622 lines
22 KiB
HTML
{include file='default/base/mall_top'/}
|
||
{block name="mall_main"}
|
||
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/course.css">
|
||
<style>
|
||
.course-details .main-1 .container>.left p em {
|
||
width: 9rem;
|
||
text-align-last: unset;
|
||
}
|
||
|
||
.page-banner .text h2 {
|
||
font-size: 2.4rem;
|
||
line-height: 2;
|
||
}
|
||
|
||
.page-banner .text p {
|
||
font-size: 1.3rem;
|
||
font-weight: 100;
|
||
}
|
||
|
||
.course-details .main-2 .content1 .des th {
|
||
font-size: 0.9rem;
|
||
}
|
||
|
||
/*.vclist{*/
|
||
/* width:15rem;*/
|
||
/* height:3rem;*/
|
||
/* border: 1px solid #0636FA;*/
|
||
/* border-radius: 8px;*/
|
||
/* font-size:1.5rem;*/
|
||
/* font-weight: 400;*/
|
||
/* text-align: center;*/
|
||
/* line-height:3rem;*/
|
||
/* margin:auto;*/
|
||
/*}*/
|
||
.vclist {
|
||
height: 3rem;
|
||
font-size: 1.5rem;
|
||
font-weight: 400;
|
||
text-align: center;
|
||
line-height: 3rem;
|
||
background: #eee;
|
||
color: #333;
|
||
}
|
||
|
||
.vclist a {
|
||
font-weight: 400;
|
||
color: #333;
|
||
display: block;
|
||
height: 3rem;
|
||
line-height: 3rem !important;
|
||
}
|
||
|
||
.applynow {
|
||
height: 3.45rem;
|
||
line-height: 3.45rem !important;
|
||
}
|
||
|
||
.tr-blue {
|
||
background: #00db6d;
|
||
color: white;
|
||
}
|
||
|
||
.tr-blue td {
|
||
color: white !important;
|
||
}
|
||
|
||
/*.course-details .main-2 .content1.apply-content .txt strong {
|
||
width:100px;
|
||
}*/
|
||
.add-f-btn-con a {
|
||
display: block;
|
||
text-align: right !important;
|
||
background: none !important;
|
||
color: #838383 !important;
|
||
font-size: 1rem;
|
||
transition: all .6s;
|
||
margin-top: -0.05rem;
|
||
}
|
||
.add-f-btn-con a:hover{
|
||
color: #00db6d !important;
|
||
}
|
||
|
||
.td-show {
|
||
display: none;
|
||
}
|
||
</style>
|
||
<script>
|
||
$(document).ready(function() {
|
||
var flag = true
|
||
$('.course-details .main-2 .content1 > .f-btn-all').click(function() {
|
||
if (flag) {
|
||
$(".course-details .main-2 .content1 tbody").css({
|
||
display: "contents"
|
||
})
|
||
$(this).text("收起")
|
||
} else {
|
||
$(".course-details .main-2 .content1 tbody").removeAttr('style')
|
||
$(this).text("点击查看全部")
|
||
}
|
||
flag = !flag;
|
||
})
|
||
})
|
||
</script>
|
||
<div class="page-banner wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||
<div class="swiper-container">
|
||
<div class="swiper-wrapper">
|
||
<div class="swiper-slide"><img src="/uploads/home/common/{$class.gc_image}" alt="program"></div>
|
||
</div>
|
||
<div class="swiper-pagination"></div>
|
||
</div>
|
||
<!-- <div class="text">
|
||
<h2>{$class.gc_name}</h2>
|
||
<p>{$class.pro_college}</p>
|
||
</div> -->
|
||
</div>
|
||
<main class="course-details program-details wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||
<section class="main-1">
|
||
<div class="main-center ">
|
||
<!-- <div class="position">Position：Home > Programs > Program Overview </div> -->
|
||
<div class="program-title wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||
<span class="c1">Program Name</span>
|
||
<h2>{$class.gc_name}</h2>
|
||
</div>
|
||
<div class="program-info">
|
||
<div class="container">
|
||
<div>
|
||
<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Program Overview</h2>
|
||
<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s"><em>Location：</em><span>{$class.pro_locate}</span></p>
|
||
<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s"><em>Institution：</em><span>{$class.pro_college}</span></p>
|
||
<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s"><em>Session Date：</em><span>{$class.pro_period}</span></p>
|
||
<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s"><em>Program Length：</em><span>{$class.pro_duration}</span></p>
|
||
<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s"><em>Target Audience：</em><span>{$class.pro_people}</span></p>
|
||
</div>
|
||
<!-- <div class="right-2">
|
||
<img src="/uploads/home/common/{$class.gc_image}" alt="">
|
||
</div> -->
|
||
</div>
|
||
<div class="content">
|
||
<h4 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Program Features</h4>
|
||
<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">The 2022 Sichuan University International Summer Credit Course Program is sponsored by Sichuan
|
||
University's College
|
||
of International Studies. It is designed to help students from various countries, institutions, and
|
||
majors expand their
|
||
international horizons and experience cultural immersion.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="main-2-1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||
<div class="container">
|
||
<div class="main-center">
|
||
<div class="content1">
|
||
<div class="des">
|
||
<div class="d-left">
|
||
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">What Can be Gained?</span>
|
||
<!-- {:htmlspecialchars_decode($class.pro_info)} -->
|
||
<div class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||
<h4>Personal Growth</h4>
|
||
<p>Studying abroad is a valuable experience that allows students to gain
|
||
independence, develop leadership abilities, and broaden their global
|
||
perspective.</p>
|
||
</div>
|
||
<div class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||
<h4>Immersive Cultural Experience</h4>
|
||
<p>Students will live and study in Chengdu, where they will be able to spend
|
||
their weekends visiting popular local attractions and cultural sites,
|
||
savoring local cuisine, attending ethnic festivals, and experiencing ancient
|
||
Shu culture.</p>
|
||
</div class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||
<div class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||
<h4>Expand Global Perspective</h4>
|
||
<p>Experiencing a diverse lifestyle and meeting the challenges of cross-cultural
|
||
communication is essential to becoming a true global citizen. As a student
|
||
participating in our summer program, you will attend classes with students
|
||
from other countries, participate in extracurricular and cultural activities,
|
||
and make new friends from all over the world, providing you with new
|
||
opportunities to broaden your international viewpoint.</p>
|
||
</div>
|
||
</div>
|
||
<div class="d-right wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"><img src="/uploads/home/common/{$class.pro_info_image}" alt="Program Features"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="main-2" style="display: none;">
|
||
<div class="container main-center">
|
||
<div class="content3">
|
||
<div class="main-title">
|
||
<h2>Campus Overview</h2>
|
||
</div>
|
||
<div class="con">
|
||
<div class="main-center img-title"
|
||
style="background-image: url({$Think.HOME_SITE_ROOT}/new/images/program-banner.jpg);">
|
||
Chengdu
|
||
</div>
|
||
<div class="des main-center">
|
||
<!-- {$class.pro_overview} -->
|
||
<p>Established in 1896, Sichuan University is one of the best comprehensive universities in
|
||
China. The Wangjiang Campus,
|
||
where the program is held, is located in central Chengdu, approximately 5-10 minutes from
|
||
the downtown area, and
|
||
has well-developed metro and bus lines as well as comprehensive services, making it a highly
|
||
convenient place to live.</p>
|
||
<p>Chengdu, the capital of Sichuan province in Southwest China, is renowned for being the
|
||
homeland of giant pandas as
|
||
well as a UNESCO Creative City of Gastronomy. In Chengdu, students can visit the Research
|
||
Base of Giant Panda Breeding,
|
||
explore the ancient Shu civilization, and experience the city's diverse culture.</p>
|
||
<p><strong>Chengdu is a city that you will never want to leave.</strong></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="main-2 main-2-2 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||
<div class="container main-center">
|
||
<div class="main-center">
|
||
<div class="content1">
|
||
<div class="main-title">
|
||
<h2>Course Information</h2>
|
||
</div>
|
||
<div class="des">
|
||
<div class="table wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th>Course Title</th>
|
||
<th>Course Code</th>
|
||
<th>Course Credit</th>
|
||
<!--<th>Language</th>-->
|
||
<th>Instructor</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<!--{foreach name="goods" item="good"}-->
|
||
<!--<tr class="tr-blue">-->
|
||
<!-- <td colspan='5'>15:20-17:20</td>-->
|
||
<!--</tr>-->
|
||
<!--<tr>-->
|
||
<!-- <td><a href="">{$good.goods_name}</a></td>-->
|
||
<!-- <td>{$good.goods_serial}</td>-->
|
||
<!-- <td>{$good.ke_credit}</td>-->
|
||
<!-- <td>{$good.ke_period}</td>-->
|
||
<!-- <td>{$good.ke_institution}</td>-->
|
||
<!--</tr>-->
|
||
<!--{/foreach}-->
|
||
<tr class="tr-blue">
|
||
<td colspan='4'>08:30-10:30</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Introduction to Film & Media Studies</td>
|
||
<td>FMS 101</td>
|
||
<td>3</td>
|
||
<td>TBA</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Financial Accounting</td>
|
||
<td>ACC 201</td>
|
||
<td>3</td>
|
||
<td>TBA</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Human Resource Management</td>
|
||
<td>MNG 312</td>
|
||
<td>3</td>
|
||
<td>TBA</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Organizational Behavior</td>
|
||
<td>MNG 310</td>
|
||
<td>3</td>
|
||
<td>TBA</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Survey of British Literature</td>
|
||
<td>LIT 285</td>
|
||
<td>3</td>
|
||
<td>TBA</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Calculus III</td>
|
||
<td>MTH 212</td>
|
||
<td>4</td>
|
||
<td>TBA</td>
|
||
</tr>
|
||
<tr class="tr-blue td-show">
|
||
<td colspan='4'>10:40-12:40</td>
|
||
</tr>
|
||
<tr class="td-show">
|
||
<td>Managerial Accounting</td>
|
||
<td>ACC 202</td>
|
||
<td>3</td>
|
||
<td>TBA</td>
|
||
</tr>
|
||
<tr class="td-show">
|
||
<td>Introduction to Philosophy</td>
|
||
<td>PHI 101</td>
|
||
<td>3</td>
|
||
<td>TBA</td>
|
||
</tr>
|
||
<tr class="td-show">
|
||
<td>Calculus II</td>
|
||
<td>MTH 211</td>
|
||
<td>4</td>
|
||
<td>TBA</td>
|
||
</tr>
|
||
<tr class="tr-blue td-show">
|
||
<td colspan='4'>13:10-15:10</td>
|
||
</tr>
|
||
<tr class="td-show">
|
||
<td>History of Western Art I: Ancient to Medieval</td>
|
||
<td>ART 110</td>
|
||
<td>3</td>
|
||
<td>TBA</td>
|
||
</tr>
|
||
<tr class="td-show">
|
||
<td>Introduction to Music Appreciation</td>
|
||
<td>MUS 101</td>
|
||
<td>3</td>
|
||
<td>TBA</td>
|
||
</tr>
|
||
<tr class="td-show">
|
||
<td>Public Speaking</td>
|
||
<td>COM 101</td>
|
||
<td>3</td>
|
||
<td>TBA</td>
|
||
</tr>
|
||
<tr class="td-show">
|
||
<td>Calculus I</td>
|
||
<td>MTH 111</td>
|
||
<td>4</td>
|
||
<td>TBA</td>
|
||
</tr>
|
||
<tr class="td-show">
|
||
<td>Introduction to Psychology</td>
|
||
<td>PSY 101</td>
|
||
<td>3</td>
|
||
<td>TBA</td>
|
||
</tr>
|
||
<tr class="tr-blue td-show">
|
||
<td colspan='4'>15:20-17:20</td>
|
||
</tr>
|
||
<tr class="td-show">
|
||
<td>History of Western Art II: Renaissance to Modern</td>
|
||
<td>ART 115</td>
|
||
<td>3</td>
|
||
<td>TBA</td>
|
||
</tr>
|
||
<tr class="td-show">
|
||
<td>Introduction to Macroeconomics</td>
|
||
<td>ECO 202</td>
|
||
<td>3</td>
|
||
<td>TBA</td>
|
||
</tr>
|
||
<tr class="td-show">
|
||
<td>Introduction to Linear Algebra</td>
|
||
<td>MTH 201</td>
|
||
<td>4</td>
|
||
<td>TBA</td>
|
||
</tr>
|
||
<tr class="td-show">
|
||
<td>Physics Fundamentals</td>
|
||
<td>PHY 101</td>
|
||
<td>3</td>
|
||
<td>TBA</td>
|
||
</tr>
|
||
<tr class="td-show">
|
||
<td>Physics Laboratory</td>
|
||
<td>PHY 102</td>
|
||
<td>1</td>
|
||
<td>TBA</td>
|
||
</tr>
|
||
<tr class="td-show">
|
||
<td>Introduction to Statistics</td>
|
||
<td>STA 201</td>
|
||
<td>3</td>
|
||
<td>TBA</td>
|
||
</tr>
|
||
<tr class="tr-blue td-show">
|
||
<td colspan='4'>17:30-19:30</td>
|
||
</tr>
|
||
<tr class="td-show">
|
||
<td>History of Asian Art: China, Korea, Japan</td>
|
||
<td>ART 116</td>
|
||
<td>3</td>
|
||
<td>TBA</td>
|
||
</tr>
|
||
<tr class="td-show">
|
||
<td>Introduction to Photography</td>
|
||
<td>ART 105</td>
|
||
<td>3</td>
|
||
<td>TBA</td>
|
||
</tr>
|
||
<tr class="td-show">
|
||
<td>Introduction to Programming - Java</td>
|
||
<td>CS 201</td>
|
||
<td>3</td>
|
||
<td>TBA</td>
|
||
</tr>
|
||
<tr class="td-show">
|
||
<td>Money and Banking</td>
|
||
<td>ECO 301</td>
|
||
<td>3</td>
|
||
<td>TBA</td>
|
||
</tr>
|
||
<tr class="td-show">
|
||
<td>Differential Equations</td>
|
||
<td>MTH 220</td>
|
||
<td>4</td>
|
||
<td>TBA</td>
|
||
</tr>
|
||
<tr class="td-show">
|
||
<td>Introduction to Biology for Non-Majors</td>
|
||
<td>BIO 101</td>
|
||
<td>3</td>
|
||
<td>TBA</td>
|
||
</tr>
|
||
<tr class="td-show">
|
||
<td>Biology Laboratory</td>
|
||
<td>BIO 102</td>
|
||
<td>1</td>
|
||
<td>TBA</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<div class="vclist vclists"><a href="javascript:;">View Course List</a></div>
|
||
<div class="vclist showlists" style="display:none;"><a href="javascript:;">Show Less</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="add-f-btn-con wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||
<a href="https://chatting.page/4enwdahqiuzzigop29taomatroakg3va" target="_blank">Can't find your course? Contact us !</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="main-2 main-2-4 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||
<div class="main-center container">
|
||
<div class="content4">
|
||
<div class="main-title">
|
||
<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Accommodation</h2>
|
||
<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||
Sichuan University will provide on-campus apartments<br />
|
||
for students to live in in order to provide a comfortable and safe living environment.
|
||
</p>
|
||
<span class="c1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">For more information on accommodation, please contact LightCourse for inquiries.</span>
|
||
</div>
|
||
<div class="con">
|
||
<div class="accommodation-item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||
<h3 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||
The students' classroom <br/>
|
||
is about a 5-minute walk <br/>
|
||
from the apartment.
|
||
</h3>
|
||
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||
will provide on-campus apartments for students <br/>
|
||
to live in in order to provide <br/>
|
||
a comfortable and safe living environment.
|
||
</span>
|
||
</div>
|
||
<div class="accommodation-item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||
<h3 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||
The apartment<br/>
|
||
comes in two sizes: <br/>
|
||
one bedroom / two bedrooms.
|
||
</h3>
|
||
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||
the environment is <br/>
|
||
clean and sanitary
|
||
</span>
|
||
</div>
|
||
<div class="accommodation-item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||
<h3 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||
With<br/>
|
||
private restroom facilities <br/>
|
||
& a free laundry room
|
||
</h3>
|
||
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||
the environment is <br/>
|
||
clean and sanitary
|
||
</span>
|
||
</div>
|
||
<div class="accommodation-item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||
<h3 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||
The apartment's first-floor <br/>
|
||
front desk is<br/>
|
||
staffed 24 hours a day
|
||
</h3>
|
||
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||
to ensure that students<br/>
|
||
have access to assistance<br/>
|
||
in the event of an emergency.
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="main-2 main-2-5 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||
<div class="main-center container program-container">
|
||
<div class="content1 apply-content">
|
||
<div class="main-title wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||
<h2>Apply to the Program</h2>
|
||
</div>
|
||
<div class="txt">
|
||
<div class="program-txt-01 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||
<p>• Demonstrated outstanding academic achievement</p>
|
||
<p>• Full-time college student with a cumulative GPA of 2.5 or above</p>
|
||
<p>• Fluency in English (listening, speaking, reading and writing)</p>
|
||
</div>
|
||
<div class="program-txt-02 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||
<p><em>* </em>Students who do not satisfy the above criteria should contact us to see if they are eligible</p>
|
||
<p>
|
||
<em>* </em>Seats will be assigned to students in the order in which they enroll, <br />
|
||
subject to class size and number limitations.
|
||
</p>
|
||
</div>
|
||
<div class="program-txt-03 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||
<p>Application Deadline：</p>
|
||
<p>June 24, 2022</p>
|
||
</div>
|
||
<div class="program-txt-04 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||
<p>Application Instructions:</p>
|
||
<a class="applynow" href="https://chatting.page/4enwdahqiuzzigop29taomatroakg3va"
|
||
target="_blank">Apply now</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="content1 apply-content contact-content">
|
||
<div class="main-title">
|
||
<h2>Contact Information</h2>
|
||
</div>
|
||
<div class="txt">
|
||
<div class="col-12 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||
<p>Contact：</p>
|
||
<p>Sichuan University International Summer Credit Course Program</p>
|
||
</div>
|
||
<div class="col-12 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||
<p>E-mail：</p>
|
||
<p><a href="mailto:pengl@scu.edu.cn">pengl@scu.edu.cn</a></p>
|
||
</div>
|
||
<div class="col-12 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||
<p>Tel：</p>
|
||
<p>(86)028-85405406</p>
|
||
</div>
|
||
<div class="col-12 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||
<p>Address：</p>
|
||
<p>Room 104, College of International Studies,<br> Sichuan University, No.24 South Section 1,
|
||
Yihuan Road, Chengdu</p>
|
||
</div>
|
||
<!-- <img src="{$Think.HOME_SITE_ROOT}/new/images/Contact.png" alt=""> -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
{/block}
|
||
{include file='default/base/mall_footer'/}
|
||
<script>
|
||
var swiper1 = new Swiper(".main-2 .content3 .swiper-container", {
|
||
slidesPerView: 3,
|
||
spaceBetween: 40,
|
||
loop: true,
|
||
loopedSlides: 5,
|
||
autoplay: {
|
||
disableOnInteraction: false
|
||
},
|
||
speed: 1000,
|
||
navigation: {
|
||
nextEl: '.main-2 .content3 .swiper-button-next',
|
||
prevEl: '.main-2 .content3 .swiper-button-prev',
|
||
},
|
||
pagination: {
|
||
el: '.main-2 .content3 .swiper-pagination',
|
||
//clickable :true,
|
||
},
|
||
observer: true,
|
||
breakpoints: {
|
||
320: {
|
||
slidesPerView: 1,
|
||
spaceBetween: 20,
|
||
},
|
||
768: {
|
||
slidesPerView: 1,
|
||
spaceBetween: 20,
|
||
},
|
||
1024: {
|
||
slidesPerView: 3,
|
||
spaceBetween: 40,
|
||
}
|
||
}
|
||
});
|
||
</script>
|
||
<script>
|
||
$(".course-details .main-2 .content1 .des td").eq(1).on("click", function() {
|
||
console.log(2);
|
||
$(".description").addClass("show")
|
||
})
|
||
$('.vclists').click(function() {
|
||
$('.td-show').show();
|
||
$('.showlists').show();
|
||
$(this).hide()
|
||
})
|
||
$('.showlists').click(function() {
|
||
$('.td-show').hide();
|
||
$('.vclists').show();
|
||
$(this).hide()
|
||
})
|
||
</script>
|
||
<script>
|
||
$(function(){
|
||
var programSwiper = new Swiper('.page-banner .swiper-container',{
|
||
loop:false,//开启循环播放
|
||
autoplay: true, //自动播放
|
||
effect : 'slide',//轮播的动效 默认为"slide"（普通位移切换），还可设置为"fade"（淡入）、"cube"（方块）、"coverflow"（3d流）、"flip"（3d翻转）、"cards"(卡片式)、"creative"（创意性）。
|
||
pagination: {
|
||
el: '.page-banner .swiper-pagination',
|
||
clickable :true,
|
||
},
|
||
on:{
|
||
init: function(){
|
||
swiperAnimateCache(this); // 隐藏动画元素
|
||
swiperAnimate(this); // 初始化完成开始动画
|
||
},
|
||
slideChangeTransitionEnd: function(){
|
||
swiperAnimate(this); // 每个slide切换结束时也运行当前slide动画
|
||
// this.slides.eq(this.activeIndex).find('.ani').removeClass('ani'); 动画只展现一次，去除ani类名
|
||
},
|
||
}
|
||
});
|
||
})
|
||
</script>
|