上一页 1 ··· 6 7 8 9 10 11 12 下一页
摘要: 用安卓手机的同学肯定不陌生,这个是安卓手机在充电的时候的效果。看到这个我就很好奇,使用 CSS 能做到吗? 经过一番尝试,发现使用 CSS 也是可以很好的模拟这种动画效果: 知识点 拆解一下知识点,最主要的其实是用到了 filter: contrast() 以及 filter: blur() 这两个 阅读全文
posted @ 2019-12-26 08:54 养乐 阅读(681) 评论(0) 推荐(0) 编辑
摘要: 画个电池 当然,电池充电,首先得用 CSS 画一个电池,这个不难,随便整一个: 欧了,勉强就是它了。有了电池,那接下来直接充电吧。最最简单的动画,那应该是用色彩把整个电池灌满即可。 方法很多,代码也很简单,直接看效果: 有内味了,如果要求不高,这个勉强也就能够交差了。通过蓝色渐变表示电量,通过色块的 阅读全文
posted @ 2019-12-25 09:31 养乐 阅读(538) 评论(0) 推荐(0) 编辑
摘要: 一、++可以与输出语句写在一起,++写在变量前和写在变量后不是一个意思++ i 和 i ++ 区别在于运算顺序和结合方向。 在JavaScript中有两种自加运算,其运算符均为 ++,功能为将运算符自加 1。其中:++ VAR 被称为前自加,其后面的变量执行自加操作,其运算为,先执行自加操作,再引用 阅读全文
posted @ 2019-12-24 13:28 养乐 阅读(3162) 评论(0) 推荐(0) 编辑
摘要: javascript脚本语言的主要特点: 1、解释性:javascript是一种解释语言,源代码不需要经过编译,直接在浏览器上运行时被解释。 2、基于对象:javascripth是一种基于对象的语言,能运用自己已经创建了的对象, 许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。 3、事件驱动 阅读全文
posted @ 2019-12-23 08:28 养乐 阅读(3507) 评论(0) 推荐(1) 编辑
摘要: 1.图片向下撑大3像素问题 在一个盒子里面放一张图片,默认情况下,图片会向下撑大3像素,有以下几种解决方法: 1.1 给图片添加display:block; 1.2 给图片添加 float:left; 1.3 给图片添加 vertical-align:middle; 1.4 给他的父元素加font- 阅读全文
posted @ 2019-12-22 16:37 养乐 阅读(161) 评论(0) 推荐(0) 编辑
摘要: 今天分享的面试题的答案不确保一定正确,如有错误或有更好的解法,大家可以留言分享你的答案。我在留言区等你更好的答案。 一、理论基础知识部分 1.1、讲讲输入完网址按下回车,到看到网页这个过程中发生了什么 a. 域名解析 b. 发起TCP的3次握手 c. 建立TCP连接后发起http请求 d. 服务器端 阅读全文
posted @ 2019-12-21 16:48 养乐 阅读(374) 评论(0) 推荐(0) 编辑
摘要: 效果: 1、 鼠标放上去会有半透明遮罩、右边会有大图片局部图 2、 鼠标移动时右边的大图片也会局部移动 放大镜的关键原理: 鼠标在小图片上移动时,通过捕捉鼠标在小图片上的位置,定位大图片的相应位置; 放大镜的移动方向和大图片的移动方向:横向和纵向都是相反,才可以保证同步; 页面元素: 技术点:事件捕 阅读全文
posted @ 2019-12-19 18:50 养乐 阅读(221) 评论(0) 推荐(0) 编辑
摘要: Math 对象 Math 对象用于执行数学任务 // 使用 Math 的属性和方法的语法: var pi_value=Math.PI; var sqrt_value=Math.sqrt(15); 注释:Math 对象并不像 Date 和 String 那样是对象的类,因此没有构造函数 Math(), 阅读全文
posted @ 2019-12-18 08:30 养乐 阅读(166) 评论(0) 推荐(0) 编辑
摘要: 1、大马驮2石粮食,中马驮1石粮食,两头小马驮一石粮食,要用100匹马,驮100石粮食,该如何调配? //驮100石粮食,大马需要50匹 for(var a=0;a<=50;a++){ //驮100石粮食,中马需要100匹 for(var b=0;b<=100;b++){ //驮100石粮食,只需要 阅读全文
posted @ 2019-12-17 13:28 养乐 阅读(2974) 评论(0) 推荐(0) 编辑
摘要: <!--切换图片--> <img src="img/9.gif" alt="" id="img"> <button onclick="prev();"> < </button> <button onclick="next();"> > </button> <script>// 获取到 img var 阅读全文
posted @ 2019-12-16 13:48 养乐 阅读(159) 评论(0) 推荐(0) 编辑
上一页 1 ··· 6 7 8 9 10 11 12 下一页