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

信息排列效果

难度初级
时长30分
学习人数
综合评分9.63
161人评价 查看评价
9.7 内容实用
9.6 简洁易懂
9.6 逻辑清晰
慕课网,俺就服你,简洁明了。

已采纳回答 / 糖醋肉
鼠标移到图上上去会提示的信息和图片挂了的时候提示的文本信息

已采纳回答 / qq_郭祥勤_03578575
style样式表是从上往下读取样式的,在样式表中small在a-img的下面,所以读取样式时,最终small的样式会覆盖a-img的样式。

最赞回答 / 暮女神
 <a href="" title="列表模式" id="btn1" class="btn-list-off"></a><a href="" title="卡片模式" id="btn2" class="btn-card-on"></a>这两句把href的值改成#或javascript:;用来阻止a的默认行为
注释害死人啊……
其实可以在img的data-src中设置图片路径,每当切换时,调用data-src就行了。比如,大图直接调用,小图是image/name+ ‘small’就行了
感谢老师的分享,只是有点小意见,觉得思路不够清晰,其实一开始就可以分析清楚,通过改变类来更改样式,不用前后建了3个页面。
我图片后面的字也没上来。。。我晕啊
1分05秒悄悄变加上了 #box overflow:hidden 神也不知啊

最新回答 / YOUNGFOREVER
多张图就需要将图片地址放到数组中,根据这个数组去循环给img标签src赋值。
既然是前端,还是推荐使用更新的技术,为什么不使用querySelector来呢。

最赞回答 / 庆山
这么说吧,如果每个里面的图片都不一样,有两种情况。第一种,就是这些图片全是网络的图片,没有经过你的整理,只知道URL,没有上传到自己的服务器进行编号,那么就是在设置点击按钮时,不是已经获取了所有图片吗?设置一个if语句,如果i=1,则设置相应的img[i](此时i=1)=“1215498444url”,if i=2....作出相应改变。当然 一般情况来说 那些图片都是从网络上找到以后再上传到公司服务器,一般会对图片进行统一命名,以123456来排序,就会是URL=“图片i”这个i就是你刚刚设置的那个i会不...
这个car我也是醉了
课程须知
您至少具备HTML/CSS、JavaScript基础知识
老师告诉你能学到什么?
1.学会运用HTML/CSS图文排列布局。2.学会合并图的使用。3.学会运用JS改变元素样式等

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消