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

手风琴效果

难度初级
时长35分
学习人数
综合评分9.43
122人评价 查看评价
9.8 内容实用
9.3 简洁易懂
9.2 逻辑清晰
  • function initialList() { var outer = document.getElementById('subject'); var list = outer.getElementsByTagName('li'); for (var i = 0; i < list.length; i++) { list[i].addEventListener('mouseover', function(e) { for (var j=0; j<list.length; j++) { list[j].className = ''; } var target = e.currentTarget; target.className = 'big'; }) } } window.onload = initialList;
    查看全部
  • html里面link、script 标签的href地址写错了,要改下,还有css里的透明度~
    查看全部
    2 采集 收起 来源:实战题

    2015-11-18

  • 看到这样一个页面首先要分析它的动画效果,然后分成几步完成,都可以用哪些效果实现。 1、鼠标滑动改变图片效果----鼠标悬停时间监听MouseOver 2、悬停后图片变亮,另一个角度是其他图片变暗,选中图片中的字体和图片显示宽、高变大,另一角度其他图片变小,宽、高变小。-----明暗度变化可以给其他图片加上遮罩层,来改变它的明亮度 opacity 3、滑动出现动画效果-----javascript动态直接改变属性值,css3 transition属性过度
    查看全部
  • 通过设置一个遮罩层的透明度来实现改变某个元素的明暗度
    查看全部
    1 采集 收起 来源:练习题

    2016-04-03

  • function initList(){ //取得外部元素 var outer = document.getElementById('subject'); //取得每个列表项 var list = outer.getElementsByTagName('li'); //用不了,报错getElementsByTagName of null for(var i =0; i < list.length; i++){ //对每个列表绑定鼠标悬停事件的监听 bind(list[i], 'mouseover', mouseoverHandler); } }
    查看全部
  • js事件:IE和普通浏览器的事件添加; 事件添加中的回调函数:可能点击的是子元素,tagName判断到父元素,父元素添加类。
    查看全部
  • window.onload=function(){ initList(); }
    查看全部
    1 采集 收起 来源:实战题

    2017-05-17

  • tagName获得的标签名是大写的,所有比较的时候要注意。
    查看全部
  • jlj
    查看全部
  • 1、浮动布局 2、绝对定位和相对定位 3、遮罩层透明度变化 4、css3动画效果:transition 5、用伪类实现鼠标悬停时阴影的控制 6、在IE浏览器与标准浏览器下,绑定事件的区别 7、target 8、通过改变<li>的className实现最终效果
    查看全部
    1 采集 收起 来源:总结

    2018-03-22

  • 超出的部分隐藏(overflow:hidden) 超出的部分显示(overflow:visible) 隐藏元素(display:none) 视觉隐藏元素(visibility:hidden) opacity透明度 【虚线的实现方法】 .line { position:absolute; right:0px; width:0px;height:128px;border:1px dashed #ccc;} 由于只需要虚线边框的效果,故该元素的宽度为0。 【遮罩层】 .mask { position:absolute; top:0px; left:0px; height:128px; width:156px;
    查看全部
  • <p class="price"><i>1</i>折起</p>
    查看全部
    1 采集 收起 来源:实战题

    2018-03-22

  • 11111
    查看全部
    1 采集 收起 来源:练习题

    2018-03-22

  • Fhhh
    查看全部
  • 笔记11111
    查看全部
首页上一页1234567下一页尾页

举报

0/150
提交
取消
课程须知
1.HTML中无序列表的相关知识 2.掌握CSS样式的内容,尤其是CSS3的基础内容 3.对JavaScript中鼠标事件等知识熟悉
老师告诉你能学到什么?
1.浮动布局的相关知识 2.掌握CSS3的transition属性 3.会用代码实现手风琴效果

微信扫码,参与3人拼团

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

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