鼠標點擊切換是必須使用js的，如果只是自動切換可以不用js，直接用css來實現(xiàn)，參考html5有關實例。

第一種方法將三張大圖放在div里面，這三個div大小還有別的屬性都一樣，但是默認是隱藏的，display隱藏 displayblock顯示 然后點擊一張圖片，對應的大圖div顯示出來，點擊第二張，第一個大圖div隱藏，第二個。

quot onclick=quotc1quot菜單二ltaltdiv id=quota0quot這里是文字ltdivltdiv id=quota1quot style=quotdisplayquot這里是圖片，自己寫上ltimg src=quot圖片地址quotltdiv左側右側布局我沒給你寫，只寫了圖片文字切換功能。

Bcss display先將CSS中的圖片B隱藏，再創(chuàng)建js，點擊A彈出圖片B，簡單點就是圖片A的onclick=“show”lthtmlltheadlttittlelttittleltscript type=quottextjavascriptquot language=quotjavascriptquot function show。

2在indexhtml中的script標簽中，輸入js代碼$#39a#39hoverfunction$#39img#39css#39display#39，#39block#393瀏覽器運行indexhtml頁面，此時鼠標移動到超鏈接上，下面的圖片自動顯示了出來csshover用法在。

點擊按鈕將頁面轉為png圖片具體效果不是很理解，可以試著點擊按鈕click方法，png圖片出現(xiàn)show方法，覆蓋整個頁面即可。

思路使用javascript定時器函數(shù)setTimeout每隔一定的毫秒間隔數(shù)執(zhí)行動作，在執(zhí)行的動作中循環(huán)替換圖片的src屬性樹立演示如下1HTML結構 ltimg src=quot1pngquot id=quottestquot 2javascript代碼 function changenifn。

圖片上加點擊事件，事件觸發(fā)后用ajax從后臺獲取一條新的圖片路徑和信息，分別放到圖片和狀態(tài)欄就好了。

這樣lt！DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot lttitle動態(tài)切換圖片lttitle lthead ltstyle ul padding0margin0 li liststyle pic position relativewidth 400pxheig。

1建立一個靜態(tài)頁命名為changehtml ，標題為js導航點擊的怎么同時變圖片跟字體顏色2設置一個簡易的導航欄3加css 控制菜單的樣式，并加入背景圖片4為li添加id，創(chuàng)建函數(shù)fun ，并傳遞傳遞參數(shù)5為函數(shù)加入。

lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot lttitleDocumentlttitle ltscript src=quotlatestjsquotltscript lthead ltbody ltinput type=quotbuttonquot。

你在htm頁面重寫js方法，然后在重寫的js方法里面寫php代碼循環(huán)取出圖片。

下面的圖片按鈕增加onclick屬性，onclick=quotfunctionquot然后定義一個函數(shù)取下面小圖的文件路徑加載到上面大圖里面 假設下面是img標簽 ltimg src=quotxxxxxjpgquot onclick=quotshowImgquotltimg 上面大圖是ltimg id=quotlargePhotoView。

那就看你獲取圖片ID的用途是什么了，比如是記錄點擊或者對該圖片進行處理，可以在click事件中執(zhí)行一個js函數(shù)，比如該函數(shù)是saveImageIdthisgetAttribute#39id#39，如果是你說的要保存下來，可以設一個全局的變量，比如下面。

可以使用visibility屬性控制顯隱 css image visibility hiddenjs #39image#39hoverfunction $thiscss#39visibility#39， #39visible#39 ， function $thiscss#39visibility#39， #39hidden#39。