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

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

有沒有辦法改變貓頭鷹旋轉木馬的光標?(不是貓頭鷹點或貓頭鷹導航)

有沒有辦法改變貓頭鷹旋轉木馬的光標?(不是貓頭鷹點或貓頭鷹導航)

GCT1015 2023-07-14 10:04:43
我一直試圖在鼠標進入 owl-carousel 時將光標更改為圖像但失敗了,也許是因為我不擅長 javascript/jQuery,所以我嘗試了 CSS,我嘗試更改類的光標,.owl-carousel然后.owl-stage-outer,.owl-stage& .owl-item,但不起作用,然后我用另一個包裹整個輪播div,并嘗試在懸停時更改其光標,但這也不起作用。我嘗試過CSS,cursor: url(https://i.imgur.com/ZUjicmP.png), auto;但沒有成功,不僅在stackoverflow中搜索,而且還從google上搜索了所有可能的地方。我在下面的片段中附上了我嘗試過的內容,請幫忙,提前致謝。$(".owl-carousel").owlCarousel();.item {  display: flex;  justify-content: center;  align-items: center;  background: #000;  margin: 15px;  color: #fff;  height: 150px;}/*.owl-carousel {cursor: url(https://i.imgur.com/ZUjicmP.png), auto;}*//*.owl-stage-outer {cursor: url(https://i.imgur.com/ZUjicmP.png), auto;}*//*.owl-stage {cursor: url(https://i.imgur.com/ZUjicmP.png), auto;}*//*.owl-item {cursor: url(https://i.imgur.com/ZUjicmP.png), auto;}*/.carousel-wrapper:hover {cursor: url(https://i.imgur.com/ZUjicmP.png), auto;}<link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" rel="stylesheet"/><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script><div class="carousel-wrapper">  <div class="owl-carousel">    <div class="item">0-1</div>    <div class="item">0-2</div>    <div class="item">0-3</div>    <div class="item">0-4</div>    <div class="item">0-5</div>    <div class="item">0-6</div>  </div></div>
查看完整描述

3 回答

?
九州編程

TA貢獻1785條經驗 獲得超4個贊

使用這個CSS


.carousel-wrapper {

    cursor: url(https://i.stack.imgur.com/VTE97.png),auto;

    overflow-x: hidden;

}

$(".owl-carousel").owlCarousel();

.item {

  display: flex;

  justify-content: center;

  align-items: center;

  background: #000;

  margin: 15px;

  color: #fff;

  height: 150px;

}


/*.owl-carousel {cursor: url(https://i.imgur.com/ZUjicmP.png), auto;}*/

/*.owl-stage-outer {cursor: url(https://i.imgur.com/ZUjicmP.png), auto;}*/

/*.owl-stage {cursor: url(https://i.imgur.com/ZUjicmP.png), auto;}*/

/*.owl-item {cursor: url(https://i.imgur.com/ZUjicmP.png), auto;}*/


.carousel-wrapper {

cursor: url(https://i.stack.imgur.com/VTE97.png),auto;

overflow-x: hidden;

}

<link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" rel="stylesheet"/>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>


<div class="carousel-wrapper">

  <div class="owl-carousel">

    <div class="item">0-1</div>

    <div class="item">0-2</div>

    <div class="item">0-3</div>

    <div class="item">0-4</div>

    <div class="item">0-5</div>

    <div class="item">0-6</div>

  </div>

</div>


查看完整回答
反對 回復 2023-07-14
?
神不在的星期二

TA貢獻1963條經驗 獲得超6個贊

我一直在尋找它不起作用的原因,最后我明白了,現在它工作得很好。

光標尺寸限制為128×128px。較大的光標圖像將被忽略。

查看完整回答
反對 回復 2023-07-14
?
湖上湖

TA貢獻2003條經驗 獲得超2個贊

如果這也與拖放光標有關。您可能想要修改 owl-carousel 的樣式,特別是.owl-drag和.owl-grab類。只需確保添加父<div>類? - 例如parent-div 在其之前僅應用該父類內部的修改<div>。這個對我有用。


.parent-div .owl-carousel.owl-theme.tour-packages-slider.owl-loaded.owl-drag {

    cursor: grab;

}


.parent-div .owl-carousel.owl-theme.tour-packages-slider.owl-loaded.owl-grab {

    cursor: grabbing;

}


查看完整回答
反對 回復 2023-07-14
  • 3 回答
  • 0 關注
  • 205 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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