第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

求教。為什么點擊圖片后會往下移動位置。

求教。為什么點擊圖片后會往下移動位置。

??? <div class="picture">?? ??? ?<ul>?? ??? ??? ?<li class="picture-1"><img src="img/logo.a.png"? id="P_1" onclick="fnImg(this,'P_2')">???????????? <img id="P_2" style="display:none;" src="img/logo.js.png" onclick="fnImg(this,'P_1')" />?? ??? ?? ??? ?</li>??????????? <li class="picture-2"><img src="img/logo.b.png"? id="P_3" onclick="fnImg(this,'P_4')">???????????? <img id="P_4" style="display:none;" src="img/logo.rc.png" onclick="fnImg(this,'P_3')" />?? ??? ??? ?</li>??????????? <li class="picture-3"><img src="img/logo.d.png"? id="P_5" onclick="fnImg(this,'P_6')">???????????? <img id="P_6" style="display:none;" src="img/logo.rj.png" onclick="fnImg(this,'P_5')" />?? ??? ??? ?</li>???????????? <li class="picture-4"><img src="img/more.png" />?? ??? ??? ?</li>???????????? <li class="picture-5"><img src="img/logo.e.png"? id="i_1" onclick="fnImg(this,'i_2')">???????????? <img id="i_2" style="display:none;" src="img/logo.dsj.png" onclick="fnImg(this,'i_1')" />?? ??? ??? ?</li>??????????? <li class="picture-6"><img src="img/logo.f.png"? id="i_3" onclick="fnImg(this,'i_4')">???????????? <img id="i_4" style="display:none;" src="img/logo.zx.png" onclick="fnImg(this,'i_3')" />???????????? <li class="picture-7"><img src="img/logo.c.png"? id="i_5" onclick="fnImg(this,'i_6')">???????????? <img id="i_6" style="display:none;" src="img/logo.yjs.png" onclick="fnImg(this,'i_5')" />?? ??? ??? ?</li>?? ??? ??? ?</li>?? ??? ?</ul><!-- / -->?? ?</div>?? ?<script>function fnImg(pic,ture){pic.style.display = 'none';document.getElementById(ture).style.display = 'block';}</script>css#Solution .picture{position: relative;margin: 0 auto;}#Solution .picture-1{top: 96px;left: 230px;position: absolute;}#Solution .picture-2{top:210px;left: 370px;position: absolute;}#Solution .picture-3{top:96px;left: 485px;position: absolute;}#Solution .picture-4{top:230px;left: 630px;position: absolute;}#Solution .picture-5{top:96px;left: 760px;position: absolute;}#Solution .picture-6{top:210px;left: 890px;position: absolute;}#Solution .picture-7{top:96px;left: 1010px;position: absolute;}點擊一個圖片顯示另一個圖片,但是另外一個圖片老是往下移動一點
查看完整描述

1 回答

?
毛二凡

TA貢獻(xiàn)10條經(jīng)驗 獲得超13個贊

這里,用JavaScript封裝了一個函數(shù),并且在所有列表和圖片中進(jìn)行了事件綁定(onclick="fnImg(this,'P_5')..),這個事件是點擊事件,意思是,當(dāng)鼠標(biāo)點擊時執(zhí)行fnImg這個函數(shù),并且在(),中傳入了兩個參數(shù),供函數(shù)調(diào)用。對應(yīng)下面的CSS樣式,所有的CSS樣式里都有絕對定位屬性,改變它的top值還是left值都可以使圖片移動。

查看完整回答
反對 回復(fù) 2016-05-18
  • 清新秀氣菠蘿蜜
    清新秀氣菠蘿蜜
    那我應(yīng)該怎么寫才能讓圖片不移動?;蛘?能告訴怎么樣才能點擊一個a圖片變成b圖片再點擊b又會變回a.
  • 毛二凡
    毛二凡
    <li class="picture-6"><img src="img/logo.f.png" id="i_3" onclick="fnImg(this,'i_4')"> <img id="i_4" style="display:none;" src="img/logo.zx.png" onclick="fnImg(this,'i_3')" /> <li class="picture-7"><img src="img/logo.c.png" id="i_5" onclick="fnImg(this,'i_6')"> <img id="i_6" style="display:none;" src="img/logo.yjs.png" onclick="fnImg(this,'i_5')" /> </li> </li> 你這里寫錯了!標(biāo)簽沒有閉合,這樣的錯誤,汗。
  • 清新秀氣菠蘿蜜
    清新秀氣菠蘿蜜
    復(fù)制的時候顯示沒有閉合實際是閉合的
點擊展開后面1
  • 1 回答
  • 0 關(guān)注
  • 1927 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號