簡體   English   中英

jQuery在鼠標懸停時淡入

[英]jQuery fade in on mouseover

我知道這有點瑣碎,但是我今晚才使用jQuery在我的練習網站上添加了一些內容,但是我似乎無法得到我編寫的這個小腳本。 提前致謝。

$(document).ready(function(){
    $("p4").fadeTo("slow", 0.25);
    $("p4").mouseover(function(){$("p4").fadeTo("fast",1.00);});
    $("p4").mouseout(function(){$("p4").fadeTo("slow",0.25);});
    });


<div id="p4" align="left">
BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAHfffffffffffffffffffffffffffffffffffffffffff
</div>

我也有一些CSS

我想你的HTML看起來像<div id="p4"></div>

因此,您需要在各處使用$("#p4")來查找id ,而不是$("p4") (實際上是在尋找<p4></p4> )。

http://jsfiddle.net/84k7e/

使用jquery時,需要下載庫。 由於大多數人沒有他們,除非他們進行繁瑣的網頁設計,所以您必須從諸如Google或Microsoft之類的主機上導入它。

使用此代碼解決了問題:

<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
</script>

感謝大家的指導! 我很感激!

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM