jQuery在鼠标悬停时淡入淡出

时间:2011-02-27 03:44:49

标签: javascript jquery html

我知道这有点微不足道但是我今晚刚拿起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

2 个答案:

答案 0 :(得分:3)

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

因此,您需要在任何地方使用$("#p4")来查找id,而不是$("p4")(实际上正在寻找<p4></p4>)。

http://jsfiddle.net/84k7e/

答案 1 :(得分:0)

使用jquery时,需要下载库。由于大多数人没有它们,除非他们做重型网页设计,你必须从谷歌或微软等主机导入它......

使用此代码解决了问题:

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

感谢大家的指导!我很感激!