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

手风琴效果

难度初级
时长35分
学习人数
综合评分9.43
122人评价 查看评价
9.8 内容实用
9.3 简洁易懂
9.2 逻辑清晰
为什么这课不给经验,而且,看完了都不算啊。。。强迫症啊,这堂课就这节没完成了。。
为什么要把这种课程划分在HTML/CSS的课程下面?没学过JS的也就看不来了啊
节奏太快了,不适合新手。
list[i].onmouseover=function(){

for(var i=0;i<list.length;i++)

{list[i].className=''; }

this.className='big';}}}
$(".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;
}

最新回答 / 飞天意大利面神兽
区别不大,只是opacity要单独给背景色。但如果使用了<...code...>那么兼容性上要比RGBA强,RGBA最多兼容到IE9,而这句代码可以兼容IE8或更早
n个列表项总宽度 = (n-1)*列表项宽度 + 1*展开的列表项宽度
var oDiv=document.getElementById(&#039;demo&#039;);
var aLi=oDiv.getElementsByTagName(&#039;li&#039;);

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

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消