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

手风琴效果

难度初级
时长35分
学习人数
综合评分9.43
122人评价 查看评价
9.8 内容实用
9.3 简洁易懂
9.2 逻辑清晰
老师声音好好听啊~~~老师多讲点课哦~~~~
老师的声音好温柔啊
@大董你能行,你写的代码有问题,如果页面加载完成,将鼠标移到除了第一张图片之外的任何一张图片上,那么就会有两张图片的className="big",整个布局会错乱!
如果能把下面的html代码显示出来和CSS一一对应就好了 因为毕竟是老师自己写的代码记得住每个class 对于我看不懂对应的CSS还要折回去记一下class的名称QUQ
直接截图不就完了吗 干嘛要那么多的DIV
js太复杂了 jquery三句搞定
<script>
$(".wrapper li").mouseover(function () {
$(this).siblings().removeClass("big");
$(this).addClass("big");
})
</script>
为什么我的有反应。hahahahah```
根据事件的冒泡原理,找到需要变更class 的LI元素: while(target.tagName != 'LI' || target.tagName == 'BODY'){
target = target.parentNode;
}
鼠标悬停的处理函数:function mouseoverHandler(e){

var target = e.target || e.srcElement;
var outer = document.getElementById('imageMenu');
var list = outer.getElementsByTagName('li');
在IE浏览器与标准浏览器下,绑定事件的区别:
function bind(el, eventType, callback){
if(typeof el.addEventListener === 'function'){
el.addEventListener(eventType, callback, false);//标准
}else if(typeof el.attechEvent === 'function'){
el.attachEvent('on' + eventType, callback);//IE
}
}
能把我带偏你也是挺不容易的。。。
为什么我中间 那条虚线不出来
为什么没有评论,这么好的课程
我改了下
window.onload=function(){
var outer=document.getElementById('subject');
var list=outer.getElementsByTagName('li');
for(var i=0;i<list.length;i++){
list[i].onmouseover=function(){
this.className='big';
}
list[i].onmouseout=function(){
this.className="";
}}}
课程须知
1.HTML中无序列表的相关知识 2.掌握CSS样式的内容,尤其是CSS3的基础内容 3.对JavaScript中鼠标事件等知识熟悉
老师告诉你能学到什么?
1.浮动布局的相关知识 2.掌握CSS3的transition属性 3.会用代码实现手风琴效果

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消