-
給top里面的<a>標簽設置寬高，因為<a>標簽是內聯元素，不能設置寬高，所以要在后面加上display：block；查看全部
-
save查看全部
-
【注意】： 要把注釋刪掉才有效果，注釋錯了查看全部
-
window.onload=function(){ // 添加頁面加載完成時的事件,然后執行以下代碼。 var listBtn = document.getElementById("btn1"); var carBtn = document.getElementById("btn2"); // 獲取多個圖片對象 var imgs=document.getElementsByTagName("img"); listBtn.onclick = function(){ // 改變按鈕的class的值 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"; } } 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"; } } };查看全部
-
照片卡查看全部
-
table不利于SEO（搜索引擎優化）查看全部
-
html（div、ul、li ）+css(float，overflow，background)。不用table，原因是：不利于后期維護，不利于seo。查看全部
-
實現效果查看全部
-
列表卡片 1、HTML寫想寫的東西； 2、CSS畫想畫的樣式； 3、JS做想做的事情。 4、PHP要想要的數據。查看全部
-
列表樣式切換效果查看全部
-
small沒用處吧查看全部
-
通過腳本改變排列樣式切換查看全部
-
list-style:none;//清楚序列樣式(如:實心點) display:block;//作為塊元素 overflow:hidden;//清楚浮動 text-align:center;//文字居中 text-decoration:none;//清楚文字修飾(如:下劃線)查看全部
-
列表模式。查看全部
-
列表樣式切換效果。查看全部
舉報
0/150
提交
取消