第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題，去搜搜看，總會有你想問的

懸停時(shí)顯示標(biāo)題屬性，不懸停時(shí)恢復(fù)為原始文本

懸停時(shí)顯示標(biāo)題屬性，不懸停時(shí)恢復(fù)為原始文本

DIEA 2023-05-25 17:39:08
當(dāng)我將鼠標(biāo)懸停在任何一個(gè)“新文本”div 上時(shí)，我想用懸停在其上的 div 的標(biāo)題屬性替換我的第一個(gè) div 中的文本，然后在不再懸停時(shí)恢復(fù)為原始文本。我不認(rèn)為這可以用 CSS 來完成。原始文本和標(biāo)題是動(dòng)態(tài)變量，會根據(jù)您所在的頁面而變化，因此任何解決方案都不需要在其中包含硬編碼值。<div class='changing-text'>Original text</div><div class='new-text' title='New text 1'>Div 1</div><div class='new-text' title='New text 2'>Div 2</div>
查看完整描述

4 回答

?
浮云間

TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超4個(gè)贊

你可以這樣做：


這會在我們更改文本之前保存 hoved 元素的原始文本，當(dāng)您離開/懸停時(shí)，我們會再次插入原始文本。


var original ="";


$('.new-text').hover(

  function() {

    original = $(this).text();

    $(this).text($(this).attr("title"));

  }, function() {

    $(this).text(original);

  }

);

演示

var original ="";


$('.new-text').hover(

  function() {

    original = $('.changing-text').text();

    $('.changing-text').text($(this).attr("title"));

  }, function() {

    $('.changing-text').text(original);

  }

);

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

<div class='changing-text'>Original text</div>


<div class='new-text' title='New text 1'>Div 1</div>


<div class='new-text' title='New text 2'>Div 2</div>


查看完整回答
反對 回復(fù) 2023-05-25
?
大話西游666

TA貢獻(xiàn)1817條經(jīng)驗(yàn) 獲得超14個(gè)贊

你好，這是我的代碼簡單修復(fù)


$(".new-text").mouseenter(function() {

     var title = $(this).attr('title');

     var orignal = $('.changing-text').text();


     $(this).attr('data-orignal',orignal);

     $('.changing-text').text(title);

    }).mouseleave(function() {

     var orgnl =  $(this).attr('data-orignal');

     $('.changing-text').text(orgnl);

         

    });

.container div {

    display: inline-flex;

}

 .new-text {

    display: block;

    margin: 15px;

cursor: pointer;

}

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

<div class='changing-text'>Original text</div>

<div class="container">

  <div class='new-text' title='New text 1'>Div 1</div>

  <div class='new-text' title='New text 2'>Div 2</div>

  

</div>


查看完整回答
反對 回復(fù) 2023-05-25
?
桃花長相依

TA貢獻(xiàn)1860條經(jīng)驗(yàn) 獲得超8個(gè)贊

如果我沒猜錯(cuò)，那就試試這個(gè)吧。


是的，您認(rèn)為正確，只有css您必須使用jQuery它是不可能的。試試這個(gè)解決方案。


jQuery(document).ready(function(){

    var changing_text = jQuery('.changing-text').text();

    

    jQuery('.new-text').hover(function(){ 

        var title_value = jQuery(this).attr("title");

        jQuery('.changing-text').text(title_value);

    }, function(){ 

       jQuery('.changing-text').text(changing_text);

    }); 

});

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

<div class='changing-text'>Original text</div>


<div class='new-text' title='New text 1'>Div 1</div>


<div class='new-text' title='New text 2'>Div 2</div>


查看完整回答
反對 回復(fù) 2023-05-25
?
慕虎7371278

TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超4個(gè)贊

先自己嘗試一次，然后再在這里提出問題，或者如果您這樣做了，請展示您的嘗試

使用 CSS?:hover 選擇器

.new-text:hover {}

使用原生 JS鼠標(biāo)懸停事件

<div onmouseover="()=>{}"></div>

使用 jQuery懸停事件

$(".new-text").hover(()=>{})


查看完整回答
反對 回復(fù) 2023-05-25
  • 4 回答
  • 0 關(guān)注
  • 191 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號