Re: [問題] 移到縮圖上會自動出現全圖..

看板Web_Design作者 (EaGen)時間20年前 (2004/11/08 17:57), 編輯推噓2(200)
留言2則, 2人參與, 最新討論串1/1
※ 引述《yichun0719 (ㄚ俊)》之銘言: : http://www.tvbs.com.tw/news/news_list.asp?no=tzeng20041102071948 : 阿......要大家看的不是新聞喔... : 而是裡面有ㄧ張相片的縮圖.... : 而且滑鼠只要ㄧ滑到上面....就會出現另一個視窗是放大的圖.. : 這該要怎麼做呢... : 還請各位大大幫忙解答了....^^ <a style="cursor: hand" ^^^^^^^^^^^^^^^^^^^^ 表示說 手指移動到圖上 指標會變為手指指標 onclick="window.open('檔案.jpg','p1','scrollbars,resizable,width=寬,height=高)" ^^^^^^^^ ^^^^^^^^^^ ^^^^^^^^^ ^^^^^^^^ ^^^^^^^^^ 圖檔位置 有捲軸 可變大小 視窗寬 視窗高 這裡是指當按下圖的時候會跳出視窗 顯示圖檔 (也可以應用在顯示網頁) onMouseOver="p1.src='大圖檔案.jpg';p1.width=寬;" (圖檔位置) 圖檔寬 onMouseOut="p1.src='小圖檔案.jpg';p1.width=寬;" > (圖檔位置) 圖檔寬 <img id=p1 src="小圖檔案.jpg" width="" style="border: 1 solid #585858"> 原始圖檔插入位置 </a> 他是用同一張圖 利用onMouseOver跟onMouseOut這兩個後面的width 來改變他的大小 大圖設定300 小圖設定150 他就會變大變小了 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 203.71.15.25

61.218.51.174 11/09, , 1F
好詳細~
61.218.51.174 11/09, 1F

211.76.41.233 11/09, , 2F
感謝大大的講解...好詳細阿
211.76.41.233 11/09, 2F
文章代碼(AID): #11ZqBzyB (Web_Design)
文章代碼(AID): #11ZqBzyB (Web_Design)