-
- 慕粉1724599673 2021-01-22
- js里ie与标准浏览器事件绑定的区别 dom操作获取页面元素及类名 用js给元素绑定事件（冒泡与捕获）
-
截图0赞 · 0采集
-
- 凃图 2018-07-02
也可以用jquery方法这样实现
$(window).load(function () {
var lis = $("#subject").find("li");
lis.each(function () {
}).mouseover(function () {
lis.removeClass("big");
$(this).addClass("big");
}).mouseleave(function () {
lis[i].addClass("big");
$(this).removeClass("big");
});
});
- 0赞 · 0采集
-
- 仙剑vs逍遥 2018-03-17
- 列表之下的所有元素应用效果：.wrapper ul * 平滑过渡效果 transition:有三个参数，对哪一个做变换； linear 效果样式 动画持续时间 0.1s
- 0赞 · 0采集
-
- 宇宙_king 2017-06-07
- js事件：IE和普通浏览器的事件添加； 事件添加中的回调函数：可能点击的是子元素，tagName判断到父元素，父元素添加类。
-
截图1赞 · 0采集
-
- 一颗心的星空 2017-03-31
- 1、全面的事件监听函数 2、tagName返回的是大写，如'LI' 3、以防while()判断语句中向上查找LI元素直到BODY元素都还没有找到时，要关闭这个循环，所以设置了||target.tagName=='BODY'。此处不适合把li overflow:hidden掉
-
截图0赞 · 0采集
-
- 慕粉1467639534 2017-02-26
- 这段没看懂。所以标记一下。
-
截图0赞 · 0采集
-
- 慕的地9277935 2017-01-20
- tagName获得的标签名是大写的，所有比较的时候要注意。
- 1赞 · 1采集
-
- 晨影影 2017-01-09
- 这一节没听懂，以后再看吧，源码很简单
- 0赞 · 0采集
-
- Abby诺亚 2016-11-03
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>手风琴效果</title> <link href="css/05index.css" type="text/css" rel="stylesheet"/> <link href="css/reset.css" type="text/css" rel="stylesheet"/> <script src="js/jquery-3.1.0.min.js" type="text/javascript"></script></script> </head> <body> <div class="wrapper" id="subject"> <ul> <li class="big"> <a href="#"> <img src="http://gtms01.alicdn.com/tps/i1/T1Lvt3Fv4kXXbA5QAK-195-120.jpg_Q90.jpg"> <div class="info"> <h3 style="color:#f62368;">聚美妆</h3> <p>聚美妆1/2周年庆</p> <p class="price"><strong>1</strong><i>折起</i></p> </div> <i class="line"></i> </body> </html>
-
截图0赞 · 0采集
-
- plotu 2016-07-21
- target
-
截图0赞 · 0采集
-
- 心远地自偏 2016-04-07
- 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;
- 3赞 · 0采集
-
- Amy1234567 2016-02-05
- 绑定事件函数 function bind(el,eventType,callback){ if(typeof el.addEventListener ==='function'){ el.addEventListener(el,eventType,callback,false); }else if(typeof el.attachEvent ==='function'){ el.attachEvent('on'+eventType,callback); } }
- 0赞 · 0采集
-
- ProvenKing 2015-09-14
- 回调函数事件的触发者
-
截图0赞 · 0采集
-
- vivvn_chen 2015-04-05
- 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); } }
- 1赞 · 0采集
-
- 慕慕7989794 2015-03-26
- function initList(){ var outer = document.getElementById("subject"); var list= document.getElementByTagName("li"); }
- 0赞 · 0采集
-
- hekie 2015-01-26
- 绑定事件的方法—— 标准浏览器：addEventListener(事件类型, 处理函数) IE浏览器：attachEvent(事件类型, 处理函数, 使用捕获) 在多个元素中寻找需要更改className的元素。 while(target.tagName.toLowerCase != 'a' && target.tagName.toLowerCase != 'body' ){ target = target.parentNode; } target.className = 'on';
- 0赞 · 6采集
-
- hekie 2015-01-25
- 用css3实现平滑过渡：.wrapper ul * { transition:all linear 100ms;}
- 0赞 · 0采集
-
- 连明堂 2015-01-19
- 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); } }
- 0赞 · 6采集
-
- 实心卤蛋 2014-11-16
- 事件绑定的几种方法
-
截图0赞 · 1采集
-
- 哼哼熹 2014-06-04
- 此节内容目前不太明白以后待续分解
- 0赞 · 0采集
-
- 哼哼熹 2014-06-03
- 得好好消化一下啊
-
截图0赞 · 0采集
-
- 哼哼熹 2014-06-03
- 和for循环有相同功能的还有while循环, while循环重复执行一段代码，直到某个条件不再满足。
- 0赞 · 0采集
-
- 哼哼熹 2014-06-01
- ccs3 transition属性 linear属性 时间
-
截图0赞 · 0采集
-
- 哼哼熹 2014-06-01
- mouseoverHandler函数的定义鼠标挺悬在上方的事件
-
截图0赞 · 0采集
-
- 哼哼熹 2014-06-01
- bind的定义 ie标准浏览器的不同
-
截图0赞 · 0采集
-
- 哼哼熹 2014-06-01
- 首先写出一个主函数体 获取元素最外层的div id'subject'-outer 获取元素li-list 然后list进行for循环 在for循环中进行绑定bind的鼠标点击事件 mouseoverHandler 是mouseover的回调
-
截图0赞 · 0采集
-
- purple_yao 2014-05-09
- 事件绑定
-
截图0赞 · 0采集
-
- gaoyulong 2014-04-04
- 高深！
- 0赞 · 0采集
数据加载中...