jQuery寫代碼用fadeTo()遇到的三個問題
<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html?xmlns="http://www.w3.org/1999/xhtml"> ????<head> ????????<title>使用fadeTo()方法設置淡入淡出效果的不透明度</title> ????????<script?src="http://libs.baidu.com/jquery/1.9.0/jquery.js"?type="text/javascript"></script> ????????<link?href="style.css"?rel="stylesheet"?type="text/css"?/> ????</head> ???? ????<body> ????????<h3>使用fadeTo()方法設置淡入淡出效果的不透明度</h3> ????????<span?class="red"></span><span?class="orange"></span><span?class="blue"></span> ???????? ????????<script?type="text/javascript"> ?????????? ??????????window.onload(out()); ?????????? ??????????function?out(){ ??????????$("span").bind("click",function(){ ??????????????$(this).fadeTo(2000,0,in()); ????????????? ??????????????}); ??????????} ??????????? ???????????function?in(){ ???????????????$("span").bind("click",function(){ ??????????????$(this).fadeTo(2000,0,out()); ????????????? ??????????????}); ???????????}
第一個問題,代碼下面的jQuery哪里錯了?我這種想法可以實現嗎?
第二個問題,一開始是想用IF else來寫的,但是不知道如何判斷span的屬性?可以用if else來寫嘛?如果可以,怎么寫?
一開始只寫 $("span").bind("click",function(){ ?$(this).fadeTo(2000,0)}; ? 可以實現淡出的效果,可是把click換成onmouseover就不行了,這是怎么回事?
在慕課網學的,總覺得還有很多屬性掌握的不是很牢靠,很多東西用起來問題一大堆。。。有沒有詳細解釋的書推薦一本?
2016-05-14
1.你的代碼還是沒有靈活運用jQuery,還是用的javascript,里面代碼嵌套混用了.
2.當然可以用if else,這個可以通用。在里面獲取屬性,可以var e = $("span").(eq:index);獲取到指定元素,然后
e.attr("你想獲取的屬性名");
3.jQuery里面沒有onmouseover,只有mouseover,前面的on得去掉,跟js是不一樣的。
2016-05-14
1| 這個問題我覺得 代碼只能實現其以上部分的函數,而
function?out(){
??????????$("span").bind("click",function(){
??????????????$(this).fadeTo(2000,0,in());
??????????????
??????????????});
??????????}
調用了之后的In()函數
2| 可以用if else 實現 也可以用條件判斷語句實現
3| 在JQuery中nomouseover效果是用hover實現的
2016-05-14
jQuery和JavaScript還是有些區別的,你弄混了