[問題] 關於div id於滑鼠點擊或移入的取得

看板Ajax作者Fantasywind (Fantasywind)時間15年前 (2010/04/19 13:15)推噓0(0推 0噓 10→)

留言10則, 3人參與討論串1/1

各位老大好我目前因為學校活動需要利用php混和java弄了個選手資料的網頁希望做到的效果是，網頁開啟後讓隨機選手的照片出現並自動隨機移動整個網頁載入完成後，希望可以點擊選手照片即跳出一新div標籤在利用sql的查詢顯示選手的個人資訊但是我遇到個問題是不論點擊哪一個標籤有所反應的只有最後建立的那一個div標籤 ex.我共建立十五個照片，點擊任何一張照片時，只有第十五個div有反應因此想請問是否有辦法利用java變數將該div標籤於滑鼠移入或點擊時將其id帶入或是有除了在div標籤中使用onmouseover/onclick作為偵測外的方法以下為部分程式碼，麻煩大家幫忙中間大部分效果為利用dw的spry製作 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "" rel="nofollow">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="" rel="nofollow">http://www.w3.org/1999/xhtml"> <head> <script src="SpryEffects.js" type="text/javascript"></script> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Untitled Document</title> </head> <body> <?php echo $div_num; function creatPhotoDiv($photoNum){ echo "<div class=\"clear\"></div>"; $div_num = "div".$photoNum; echo $div_num; echo "<div id=\"".$div_num."\" style=\"LEFT: 400px; POSITION: absolute; TOP: 300px\" onclick=\"mouseOverEffect.start()\";>"; echo "\n"; echo "<img src=\"photo/".$photoNum.".jpg\" />"; echo "\n"; echo "</div>"; echo "\n"; } function photoMove($photoNum){ /*淡入效果*/ echo "<script lacguage=\"javascript\" type=\"text/javascript\">"; echo "\n"; echo "var opacityEffect=new Spry.Effect.Opacity(\"div".$photoNum."\",1,"; $alpha = rand(3,7); $alpha /= 10; echo $alpha; echo ",{duration:3000});"; echo "\n"; echo "</script>"; echo "\n"; /*標示效果*/ echo "<script lacguage=\"javascript\" type=\"text/javascript\">"; echo "\n"; echo "var mouseOverEffect=new Spry.Effect.Opacity(\"div".$photoNum."\","; $alpha = rand(3,7); $alpha /= 10; echo $alpha; echo ",1,{duration:1000});"; echo "\n"; echo "</script>"; echo "\n"; /*滑動效果*/ echo "<script lacguage=\"javascript\" type=\"text/javascript\">"; echo "\n"; echo "var from=new Spry.Effect.Utils.Position();"; echo "\n"; $fromX = $photoNum; $fromX * 100; echo "from.x=".$fromX.";"; echo "\n"; $fromY = $photoNum; $fromY * 100; echo "from.y=".$fromY.";"; echo "\n"; echo "var to=new Spry.Effect.Utils.Position();"; $toX = rand(0,800); echo "\n"; echo "to.x=".$toX.";"; $toY = rand(0,600); echo "\n"; echo "to.y=".$toY.";"; echo "\n"; echo "Spry.Effect.makePositioned(document.getElementById(\"div".$photoNum."\"));"; echo "\n"; echo "var moveEffect=new Spry.Effect.Move(\"div".$photoNum."\",from,to,{duration:2000}); "; echo "\n"; echo "opacityEffect.start();"; echo "\n"; echo "moveEffect.start();"; echo "\n"; echo "</script>"; echo "\n"; } for($photoNum=1;$photoNum<=15;$photoNum++){ creatPhotoDiv($photoNum); photoMove($photoNum); } echo "$photoNum"; ?> </body> </html> ---------------------------------------- 感謝認真看完的大家！！ -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 120.126.194.254