2017年11月2日
js-html音乐播放
摘要： <img src="images/music.png" id="music" class="rotate"> <audio src="images/music.mp3?v=982" autoplay="autoplay" loop id="muc"></audio> css /*音乐*/#music 阅读全文
posted @ 2017-11-02 15:59 MiniDuck 阅读(383) 评论(0) 推荐(0)
CSS-实现倒影效果box-reflect
摘要： 我需要的效果： html: <img src="images/my1.jpg" width="20%"/> css: img{-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(tra 阅读全文
posted @ 2017-11-02 15:39 MiniDuck 阅读(1344) 评论(0) 推荐(0)
html-屏蔽按键盘空格键是滚动条向下滚动
摘要： document.onkeydown = function(ev){ var e = ev || event; if(e.keyCode == 32){ return false; } } 阅读全文
posted @ 2017-11-02 14:25 MiniDuck 阅读(2554) 评论(1) 推荐(0)
html-禁用右键、键盘F12、网页上选取内容、复制、粘贴
摘要： 摘要 为了保护我们的代码，我们需要想些办法禁止复制。 css: body{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-us 阅读全文
posted @ 2017-11-02 11:35 MiniDuck 阅读(4818) 评论(0) 推荐(0)
js-回调函数
摘要： 目前我也不明白 阅读全文
posted @ 2017-11-02 11:03 MiniDuck 阅读(142) 评论(0) 推荐(0)
js-函数
摘要： Js函数的概念、作用、创建、调用 一.函数是用来帮助我们封装、调用代码的最方便的工具！ 二.函数的创建方法有3种： 1）：function fun(){ console.log(3); //return this; //为什么函数会输出函数体中的内容，因为在函数体的最后 //默认会有一个return 阅读全文
posted @ 2017-11-02 10:45 MiniDuck 阅读(221) 评论(0) 推荐(0)
2017年11月1日
获取某个元素相对于视窗的位置-getBoundingClientRect
摘要： 1. getBoundingClientRect用于获取某个元素相对于视窗的位置集合。集合中有top, right, bottom, left等属性。 语法：这个方法没有参数 rectObject = object.getBoundingClientRect(); 返回值类型：TextRectang 阅读全文
posted @ 2017-11-01 14:41 MiniDuck 阅读(1169) 评论(0) 推荐(0)
2017年10月31日
js-classList修改class属性
摘要： classList定义与用法 1）classList属性返回元素的类名，作为DOMTokenList对象 2）该属性用于在元素中添加，移除及切换css类 3）classList属性是只读的，但可以用add()和remove()方法修改他。 方法： 1.添加class属性--add() 方法：add（ 阅读全文
posted @ 2017-10-31 17:35 MiniDuck 阅读(3041) 评论(0) 推荐(0)
js-className修改class属性
摘要： 1.修改className 1）修改class类名为p-a-0 2）在保留class="p1"的基础上再添加一个类名为p-a-0 2.删除className 1).结果需删除class="addp1" 正则表达式分析： if ( document.getElementById("p").classN 阅读全文
posted @ 2017-10-31 16:54 MiniDuck 阅读(27742) 评论(0) 推荐(0)
li标签随机排序
摘要： 121 阅读全文
posted @ 2017-10-31 16:12 MiniDuck 阅读(278) 评论(0) 推荐(0)