亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

使用javascript或css具有“.active”類的滑塊的第一個和最后一個元素的不透明度

使用javascript或css具有“.active”類的滑塊的第一個和最后一個元素的不透明度

桃花長相依 2021-10-21 14:03:31
我有 5 個項目的貓頭鷹旋轉木馬滑塊。我的問題是我需要滑塊的第一個和最后一個元素始終不透明。Slider 有 15 個元素,其中 9 個是克隆的,5 個具有.active類,1 個具有克隆和.active.我嘗試使用 javascript 在滑塊中找到所有“.active”類,但我不完全知道我應該對找到的對象做什么。有找到所有“.active”類的代碼var owlCarouselActive = document.getElementById("slider-tour").getElementsByClassName("owl-item active");.active當我單擊上一個或下一個按鈕時,我需要首先和最后一個 :before 使用我的背景樣式。
查看完整描述

3 回答

?
拉丁的傳說

TA貢獻1789條經驗 獲得超8個贊

我不在家,但嘗試這樣的事情:


function setOpacity() {

    var elements = $('.active');

    let count = 0;


    $(elements).each(function(k,v) {

       if (count == 0 || count == elements.length - 1) {

          $(v).css('opacity', '0.8');

       }

       count++;

    });

}


$(document).ready(function() {

   setOpacity();

});

每次您希望它更新時都運行該函數。EG 按下按鈕。


查看完整回答
反對 回復 2021-10-21
?
慕森王

TA貢獻1777條經驗 獲得超3個贊

您可以使用owlCarouselActive [0]訪問第一個元素,使用owlCarouselActive [owlCarouselActive.length-1]訪問最后一個元素。通常,您可以通過owlCarouselActive [i]訪問第 i 個元素。


查看完整回答
反對 回復 2021-10-21
  • 3 回答
  • 0 關注
  • 165 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號