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

手风琴效果

难度初级
时长35分
学习人数
综合评分9.43
122人评价 查看评价
9.8 内容实用
9.3 简洁易懂
9.2 逻辑清晰
也可以用闭包。不过老师对事件兼容处理的不错
var lis = document.getElementById("subject").getElementsByTagName("li");
for(var i = 0; i < lis.length; i++) {
! function(i) {
lis[i].onmouseover = function() {
for(var i = 0; i < lis.length; i++) {
lis[i].className = "";
}
this.className = "big";
}
}(i)
}
我觉得应该用css3的transition实现一个平滑的过渡切换效果,老师这么直接切换的话有点太生硬了。
很好很受用
老师讲的其实还可以,但可能因为对内容太熟悉了,觉得某些小白不懂的知识点,大家都应该理所当然的清楚,对js稍微了解一点的人看此课程,不会太受打击.
DOM.bind('click',callback) DOM.on('click',calbac) 为jquery 的绑定方法。

DOM.attechEvent('onclick',callback).为IE的绑定方法 。
opacity
没有基础的绝对会被这老师讲放弃,从此告别前端
这老师讲课方法有问题,好乱,没有逻辑,很少有步骤演示,把html全写完了,又几乎一次性写完css,都很难让人知道加上去是什么效果,怀疑这老师再对照着提前写好的代码在那敲
transition: property duration timing-function delay;
感觉讲的好乱。。一点都没有条理 看着好烦
虽然答案是通过遮罩层的透明度变化来实现,但是通过调节块元素的透明度来达到效果应该也可以...
我的声音也好听呀
老师你用的键盘是什么轴的~声音真好听~
...我很想知道,说老师声音好听的,都是女生么....其实我的声音也好听,嫁给我也不错啊。
哈哈哈哈。。。好好学习
我说下这个东西做的不好的地方,主要是没有去判断风琴页状态。比如风琴页展开时(还没完全展开)事件监听应该处于关闭状态(鼠标放到其他风琴页其他风琴页应该等到当前风琴也完全展开才能展开)而不是随便拖动几张风琴页就挤到一块了。另外老师的代码逻辑真的不够简单化.....我的代码在同学代码里大家可以去看看(主要是解决了风琴页展开的问题)
课程须知
1.HTML中无序列表的相关知识 2.掌握CSS样式的内容,尤其是CSS3的基础内容 3.对JavaScript中鼠标事件等知识熟悉
老师告诉你能学到什么?
1.浮动布局的相关知识 2.掌握CSS3的transition属性 3.会用代码实现手风琴效果

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消