团建
This commit is contained in:
23
culture.html
23
culture.html
@@ -120,14 +120,6 @@
|
||||
</section>
|
||||
<!-- 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">
|
||||
@@ -249,21 +241,6 @@
|
||||
}, {threshold: 0.1});
|
||||
$('.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 倾斜效果
|
||||
$('.culture-card').on('mousemove', function(e){
|
||||
var rect = this.getBoundingClientRect();
|
||||
|
||||
Reference in New Issue
Block a user