課程
/前端開發
/JavaScript
/信息排列效果
不知道為什么啊,和別人的代碼一樣,但是效果就是出不來啊,點擊listBtn按鈕,完全沒效果
2015-12-27
源自:信息排列效果 3-2
正在回答
那就把你的代碼給出來。
朝夕77 提問者
<script?type="text/javascript">? ? ???????//?添加頁面加載完成時的事件,然后執行以下代碼。 ?window.onload=function(){ ????????var?listBtn?=?document.getElementById("btn1"); ????????var?carBtn?=?document.getElementById("btn2");?? ????????var?imgs?=?document.getElementsByTagName("img");//?獲取多個圖片對象???????? ???????? ????????listBtn.onclick?=?function(){ ????????????listBtn.className?=?"btn-list-on"; ????????????carBtn.className?=?"btn-car-off"; ????????//?改變按鈕的class的值 ????????????for(var?i=0,i<imgs.length;i++){ ????????????????imgs[i].src?=?"http://img1.sycdn.imooc.com//53ab7cf4000196c000500050.jpg"; ????????????????imgs[i].parentNode.className?=?"a-img?small"; ????????????} ????????//?改變每一個圖片的路徑以及它的對應的父節點的class的值 ????????} ????????carBtn.onclick?=?function(){? ????????????listBtn.className??=?"btn-list-off";? ????????????carBtn.className?=?"btn-car-on";?????? ????????????for(var?i=0;i<imgs.length;i++) ????????????{ ????????????????imgs[i].src?=?"http://img1.sycdn.imooc.com//53ab7d16000159a801640236.jpg"; ????????????????imgs[i].parentNode.className?=?"a-img"; ????????????} ????????}?? ?}? </script>
李曉健
舉報
大咖教您節約網頁空間的方法,快速學會信息排列效果的制作
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-12-27
那就把你的代碼給出來。
2016-01-01