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

图片展示特效

难度初级
时长47分
学习人数
综合评分9.53
97人评价 查看评价
9.7 内容实用
9.5 简洁易懂
9.4 逻辑清晰

最新回答 / HiFrontend
好像没有必要一定要用while来在做一次循环,只要在上面的for里加一个判断就可以了吧?!<...code...>
那不就挡住了其它图了?这效果不好但是学学原理还是行的
还是很简单
讲的很好 。。。
编辑器实时产生作用,当书写for的时候容易出现死循环让页面卡死!
连续划过有Bug
为什么她的dw 提示js 我的只提示jq
老师的东北口音真有味道!哈哈哈
var oDiv = document.getElementById(&#039;div&#039;);
var aPic = oDiv.getElementsByTagName(&#039;div&#039;);
for(var i=0;i&lt;aPic.length;i++){
apic[i].onmouseover=function(){
this.getElementsByTagName(&#039;a&#039;).style.top=0;
}
apic[i].onmouseover=function(){
this.getElementsByTagName(&#039;a&#039;).style.top=&#039;160px&#039;;
}
}
感觉更适合JS的初学者
老师 不能修改下么 比如提交代码时候 右面再出来 情况 显示的东西不行么 这个for循环 让我的网页 快死了100次了 我擦
说点总体的感受吧,这门课程对我最大的启发是使用:hover伪类来实现一些操作,可以设定该伪类从而对元素以及子孙元素实现样式改变。今天就写了几个效果:hover时opacity改变(以前opacity没怎么用过,今天一用解决了三的地方的问题),hover时图片大小改变,hover时元素的显示与消失。至于后面的js,稍微接触过的人其实不用听这节课。很感谢授课老师。顺便想明白了那个聚划算的设计,hover时改变width。
其实用:hover都能解决
用jq:
$(document).ready(function(){
$(&#039;#picList div&#039;).mouseover(function(){
$(this).find(&#039;a&#039;).attr(&#039;top&#039;,0);
});
mouseout类似
})
课程须知
1. 您至少具备HTML/CSS基础知识。 2. 您至少具备JavaScript基础知识。
老师告诉你能学到什么?
1. 理解各种展示效果的原理; 2. 灵活运用position定位属性,实现位置的变化; 3. 掌握for 和 while 循环语句使用方法; 4. 兼容不同浏览器,设置透明属性; 5. 多种方法实现效果,并对代码进行逐步优化。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消