团建
This commit is contained in:
23
culture.html
23
culture.html
@@ -120,14 +120,6 @@
|
|||||||
</section>
|
</section>
|
||||||
<!-- end page-title -->
|
<!-- end page-title -->
|
||||||
|
|
||||||
<!-- 筛选标签 -->
|
|
||||||
<div class="filter-tabs">
|
|
||||||
<span class="tab active" data-filter="all">全部活动</span>
|
|
||||||
<span class="tab" data-filter="travel">旅行</span>
|
|
||||||
<span class="tab" data-filter="sport">运动</span>
|
|
||||||
<span class="tab" data-filter="party">聚餐</span>
|
|
||||||
<span class="tab" data-filter="holiday">节日</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 活动卡片网格 -->
|
<!-- 活动卡片网格 -->
|
||||||
<section class="section-padding">
|
<section class="section-padding">
|
||||||
@@ -249,21 +241,6 @@
|
|||||||
}, {threshold: 0.1});
|
}, {threshold: 0.1});
|
||||||
$('.culture-card').each(function(){ observer.observe(this); });
|
$('.culture-card').each(function(){ observer.observe(this); });
|
||||||
|
|
||||||
// 筛选功能
|
|
||||||
$('.filter-tabs .tab').on('click', function(){
|
|
||||||
var filter = $(this).data('filter');
|
|
||||||
$('.filter-tabs .tab').removeClass('active');
|
|
||||||
$(this).addClass('active');
|
|
||||||
$('.culture-card').each(function(){
|
|
||||||
var cat = $(this).data('category');
|
|
||||||
if(filter === 'all' || cat === filter){
|
|
||||||
$(this).removeClass('hidden').addClass('visible');
|
|
||||||
} else {
|
|
||||||
$(this).addClass('hidden').removeClass('visible');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
// 3D 倾斜效果
|
// 3D 倾斜效果
|
||||||
$('.culture-card').on('mousemove', function(e){
|
$('.culture-card').on('mousemove', function(e){
|
||||||
var rect = this.getBoundingClientRect();
|
var rect = this.getBoundingClientRect();
|
||||||
|
|||||||
Reference in New Issue
Block a user