2、常用JS - 随笔分类(第2页) - 念念念不忘

多个元素都需要添加点击开关的例子

摘要：点击一下<li>背景图片变换，再点击一下回到原来的图片阅读全文

posted @ 2017-04-18 11:37 念念念不忘

点击按钮查看元素的选中状态

摘要：var oForm = document.getElementById('form1'); oBtn.onclick = function() { for (var i=0; i电影音乐体育阅读全文

posted @ 2017-04-18 11:35 念念念不忘

某一元素到页面顶部的绝对距离

摘要：调用方法：var p = getPos(元素); 得到的变量p即为变量pos的json数据，可通过p.top和p.left获得阅读全文

posted @ 2017-04-18 11:30 念念念不忘

事件信息——查看浏览器某个事件对象的详细信息

摘要：document.onclick = fn1; function fn1(ev) { var ev = ev || event; //兼容性 for ( var attr in ev ) { //遍历事件对象 console.log( attr + ' = ' + ev[attr] ); //显示属性名和属性值 } } 阅读全文

posted @ 2017-04-14 13:28 念念念不忘

鼠标移动——div方块跟随鼠标移动而移动

摘要：var oDiv = document.getElementById('div1'); document.onmousemove = function(ev) { var ev = ev || event; //事件的浏览器兼容 var scrollTop = document.documentElement.scrollTop || document.body.scrollT... 阅读全文

posted @ 2017-04-14 13:27 念念念不忘

输入框——输入框提示文字显示/消失

摘要：描述：输入框提示文字，点击输入框文字消失，如果没输入文字点击其他地方文字显示阅读全文

posted @ 2017-04-14 13:22 念念念不忘

cookie——cookie记录用户名

摘要：无标题文档阅读全文

posted @ 2017-04-13 19:56 念念念不忘

自己设置滚动条

摘要：无标题文档文字内容阅读全文

posted @ 2017-04-13 13:47 念念念不忘

碰撞检测

摘要：图片与div碰上了图片变为彩色，没碰上图片是黑白阅读全文