为了账号安全,请及时绑定邮箱和手机立即绑定

信息排列效果

难度初级
时长30分
学习人数
综合评分9.63
161人评价 查看评价
9.7 内容实用
9.6 简洁易懂
9.6 逻辑清晰
讲的非常清楚
好原始的好呆板的处理方式.......T_T.........

已采纳回答 / 李晓健
那就把你的代码给出来。
老师讲的很好啊 不明白怎么有那么多差评

最新回答 / HaiHen
代码50行的class值,和代码77行的class值不对应,应该改统一就好了。
好蛋疼的一个编程练习,见过的课程里面最迷的一个...
图片不一样就直接动态改变图片大小
这个注释害了多少人
在font属性中,必须按照font-size在前,font-family在后的顺序,而且font声明中这两个值是必须有的,如果缺少其中一个,那么整个规则都是无效的。
carBtn.onclick = function(){
//改变按钮的class
listBtn.className = "btn-list-off";
carBtn.className = "btn-car-on";
//改变每一个图片的路径以及它的对应的父节点的class的值
for(var i=0;i<imgs.length;i++)
{
imgs[i].src = "./images/big.jpg";
imgs[i].parentNode.className = "a-img";
}
}
}

</script>
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 = "./images/small.jpg";
imgs[i].parentNode.className = "a-img small"; //@@问题,怎么获取一个元素的父节点?
}
}
<script>
window.onload =function(){ //@@问题:window.onload 的作用是什么?
//获取按钮
var listBtn = document.getElementById("btn1");
var carBtn = document.getElementById("btn2");
var imgs = document.getElementsByTagName("img");//@@问题:如何获取多个DOM元素?

已采纳回答 / sixGod
li的样式是float的,所以你的父容器的宽度能放下4个li时,4个就会在一排,如果你把父容器的宽度变小一点,只能放下3个时,第4个就会被挤到第二排去了
课程须知
您至少具备HTML/CSS、JavaScript基础知识
老师告诉你能学到什么?
1.学会运用HTML/CSS图文排列布局。2.学会合并图的使用。3.学会运用JS改变元素样式等

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消