css - 如何在切換IMg2 img3 img4的時候第一張圖片消失
問題描述
<!DOCTYPE html><html ><head> <title> new document </title> <meta charset='utf-8' /> <style> #pic{width:350px;height:350px;border:1px solid #ddd;margin-top:20px; } #link a{diaplay:inline-block;border:1px solid #ddd;background-color:gray;padding:5px 10px; } #pic a img:not([class=’pic1’]){display:none; } #pic a:target img{display:block; } </style></head><body> <p id=’link’><a href=’#img1’>img1</a><a href=’#img2’>img2</a><a href=’#img3’>img3</a><a href=’#img4’>img4</a> </p> <p id=’pic’><a name=’img1’><img src=’images/p001.jpg’ class=’pic1’ /></a><a name=’img2’><img src=’images/p002.jpg’ class=’pic2’ /></a><a name=’img3’><img src=’images/p003.jpg’ class=’pic3’ /></a><a name=’img4’><img src=’images/p004.jpg’ class=’pic3’ /></a> </p></body></html>
問題解答
回答1：用jquery的$(’#img1’).css(’display’,’none’);
相關文章：
1. python - 如何用pandas處理分鐘數據變成小時線？2. form表單中的label標簽3. Python中使用超長的List導致內存占用過大4. pdo - mysql 簡單注入疑問5. 雙擊安裝程序，安裝不了6. javascript - dropload+tab頁面，圖文頁滾動有兩個滾動區域怎么破？7. windows-7 - Win7中Vmware Workstatoin與Xampp中Apache服務器端口沖突？8. python - Pycharm的Debug用不了9. html5 - 百度echart官網下載的地圖json數據亂碼10. javascript - 求救！網頁播放視頻只有聲音沒有畫面，網頁上傳視頻文件時怎么知道視頻的編碼為H264還是MPEG4??
網公網安備