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

手风琴效果

难度初级
时长35分
学习人数
综合评分9.43
122人评价 查看评价
9.8 内容实用
9.3 简洁易懂
9.2 逻辑清晰
$(".li").mouseover(function(){

$(this).toggleClass("big").siblings(".aa").removeClass("big");

});
//鼠标悬停的处理函数
function mouseoverHandler(e){
var target = e.target||e.srcElement;
var outer = document.getElementById('imageMenu');
var list = outer.getElementsByTagName('li');
//根据事件的冒泡原理,找到需要变更class 的LI元素
while(target.tagName != 'LI' || target.tagName == 'BODY'){
target = target.parentNode;
}
n个列表项总宽度 = (n-1)*列表项宽度 + 1*展开的列表项宽度
var oDiv=document.getElementById('demo');
var aLi=oDiv.getElementsByTagName('li');

for (var i = 0; i < aLi.length; i++) {
aLi[i].className='';
aLi[i].onmouseover=function(){
this.className='big';
}
aLi[i].onmouseout=function(){
this.className=' ';
}
}
..刚开始直接来个 ID是subject,我只想问,哪里来的这个ID ,之前几节课有设过吗?
// 根据事件的冒泡原理,找到需要变更class 的LI元素
while(target.tagName != 'LI' || target.tagName == 'BODY'){
target = target.parentNode;
}
没有懂这个意思,下面这个代码不是也能行的通吗
if (target.nodeName==="LI") {
target.className+=" big";
}
function bind(el, eventType, callback){
if(typeof el.addEventListener === 'function'){
//标准事件绑定方法
el.addEventListener(eventType, callback, false);
}else if(typeof el.attechEvent === 'function'){
//IE事件绑定方法
el.attachEvent('on' + eventType, callback);
}
}
题中的代码引用文件名错了,需要改一下
style.css
script.js
一般都是把整个做成图片吧
鼓励手记手记
为什么i标签可以给宽高
干不动,不知道
代码有误,看评论解决了
多个锤子啊。。
Ie绑定应该为DOM.attachEvent('onclick',callback),老师"attech"是否写错了呢
课程须知
1.HTML中无序列表的相关知识 2.掌握CSS样式的内容,尤其是CSS3的基础内容 3.对JavaScript中鼠标事件等知识熟悉
老师告诉你能学到什么?
1.浮动布局的相关知识 2.掌握CSS3的transition属性 3.会用代码实现手风琴效果

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消