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

信息排列效果

难度初级
时长30分
学习人数
综合评分9.63
161人评价 查看评价
9.7 内容实用
9.6 简洁易懂
9.6 逻辑清晰
好蛋疼的一个编程练习,见过的课程里面最迷的一个...
图片不一样就直接动态改变图片大小
这个注释害了多少人
在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元素?
老师做成两个页面可能是因为,本课程主要讲解的是css,而不是js或其他。使用html/css实现该网页
列表模式你就不能讲慢点,那么着急干啥
老师讲的太好了,用心良苦!
老师这处理方法也是吓到我了。。。
对于图标的坐标,请自己下载图片,用ps量。。基本常识。
函数名称可以查
@一起生个孩子 图片不同可以这样子遍历啊!
for(var i=0;i<imgs.length;i++){
imgs[i].src="./images/img"+[i]+".jpg"

}
讲得灰常好!!!!!!!!
课程须知
您至少具备HTML/CSS、JavaScript基础知识
老师告诉你能学到什么?
1.学会运用HTML/CSS图文排列布局。2.学会合并图的使用。3.学会运用JS改变元素样式等

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消