信息排列效果_技术问答

首页免费课信息排列效果问答

信息排列效果

全部评论问答未解决精华

遇见前端

前端学的好心累

0 1-1 效果简介

2017-05-12

柔顺济

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";
}
}

0 3-2 编程练习

2017-05-11

灵剑丹心3771538

千万注意加上onload

0 3-2 编程练习

2017-05-11

灵剑丹心3771538

初始代码就有问题，文档声明到title部分重复了一次

0 3-2 编程练习

2017-05-11

柔顺济

文字至右
.small {
height: 50px;
width: 50px;
display: block;
float: left;
margin: 5px;
}

1 2-4 编程练习

2017-05-11

灵剑丹心3771538

点击没有效果啊

0 3-2 编程练习

2017-05-11

灵剑丹心3771538

卡片是card啊不是car

0 3-1 JS实现动态效果

2017-05-11

灵剑丹心3771538

overflow解决塌陷的问题是个偏方，最好还是用after伪类来做一个clear

0 2-2 静态网页布局之信息卡片模式布局

2017-05-11

柔顺济

15----
background:#fff url(http://img1.sycdn.imooc.com//53ab7e86000153cc00710057.jpg) no-repeat -38px 0;
20----
width:164px;
height:300px;
border:1px solid #e8e8e8;
float:left;
21----
overflow:hidden;
28----
display:block;
height:180px;
width:150px;
margin:5px;
.
.
.
<a href="#" class="a-img small">

1 2-4 编程练习

2017-05-11