課程
/前端開(kāi)發(fā)
/JavaScript
/信息排列效果
.................
2014-11-09
源自:信息排列效果 2-4
正在回答
加油吧。
? 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";
? ? ? ? for (var i = 0; i < imgs.length; i++) {
? ? ? ? imgs[i].src="http://img1.sycdn.imooc.com//53ab7d16000159a801640236.jpg";
? ? ? ? imgs[i].parentNode.className="a-img small";
? ? ? ? };
? ? ? ? }
? ? ? ? carBtn.onclick=function(){
? ? ? ? listBtn.className="btn-list-off";
? ? ? ? carBtn.className="btn-car-on";
? ? ? ? imgs[i].src="http://img1.sycdn.imooc.com//53ab7e86000153cc00710057.jpg";
? ? ? ? imgs[i].parentNode.className="a-img";
? }
舉報(bào)
大咖教您節(jié)約網(wǎng)頁(yè)空間的方法,快速學(xué)會(huì)信息排列效果的制作
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢(xún)優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-01-03
加油吧。
? 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";
? ? ? ? for (var i = 0; i < imgs.length; i++) {
? ? ? ? imgs[i].src="http://img1.sycdn.imooc.com//53ab7d16000159a801640236.jpg";
? ? ? ? imgs[i].parentNode.className="a-img small";
? ? ? ? };
? ? ? ? }
? ? ? ? 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//53ab7e86000153cc00710057.jpg";
? ? ? ? imgs[i].parentNode.className="a-img";
? ? ? ? };
? ? ? ? }
? }