摘要: Javascript动画效果(四) 前面我们自己写了一个小小的关于js动画的插件,下面我们来使用之前的框架来完成我们想要的动画效果。我们经常在淘宝网中看到,鼠标经过某一图片时,该图片有从上滚出而又从下滚入的效果,那么那种效果是如何实现的呢? 首先我们我们完成该效果的html和css代码,代码如下: 阅读全文
posted @ 2016-09-21 22:42 foodoir 阅读(589) 评论(0) 推荐(0) 编辑
摘要: Javascript动画效果(三) 前面我们已经介绍了速度动画、透明度动画、多物体运动和任意值变化,并且我们在Javascript动画效果(二)中介绍到我们封装了一个简单的插件雏形,接下来我们对前面的动画效果进行进一步扩充,尽量将我们的框架做到更实用。在这里我们还需要了解两个运动,一个是链式运动,一 阅读全文
posted @ 2016-09-21 10:39 foodoir 阅读(1221) 评论(0) 推荐(0) 编辑
摘要: Javascript动画效果(二) 在前面的博客中讲了简单的Javascript动画效果,这篇文章主要介绍我在改变之前代码时发现的一些问题及解决方法。 在前面的多物体宽度变化的例子中,我们给其增加代码:border: 4px solid #000;我们发现,鼠标移出后,宽度不是200px了,那么究竟 阅读全文
posted @ 2016-09-20 14:08 foodoir 阅读(492) 评论(0) 推荐(0) 编辑
摘要: Javascript动画效果(一) 前面我们介绍了Javascript的回到顶部效果,今天呢,我们对Javascript动画做进一步的研究。在这篇博文中我们只介绍简单的匀速运动、简单的缓冲运动和简单的多物体运动后面我们还会介绍任意值变化的运动、链式运动、同时运动,同时我们还会简单的封装一个运动插件并 阅读全文
posted @ 2016-09-20 10:47 foodoir 阅读(2434) 评论(0) 推荐(0) 编辑
摘要: 用Javascript实现回到顶部效果 经常看到网页中有回到顶部的效果,今天也研究一下回到顶部有哪些方法。众所周知,用锚链接是实现回到最简单的方法,但是从用户体验效果来说,并不是最好的。(锚链接回到顶部时太快了,而且用户可能在看到某个感兴趣的东西想停下来,却停不下来),针对上面的缺点,我们试着用Ja 阅读全文
posted @ 2016-09-19 14:51 foodoir 阅读(16365) 评论(0) 推荐(0) 编辑
摘要: C语言中的经典例题用javascript怎么解?(一) 一、1+2+3+……+100=? <script type="text/javascript"> var sum = 0; var i = 1; while(i<=100){ sum += i; i++; } document.write("1 阅读全文
posted @ 2016-08-30 11:28 foodoir 阅读(412) 评论(0) 推荐(0) 编辑
摘要: javascript中的数组扩展(一) 随着学习的深入,发现需要学习的关于数组的内容也越来越多,后面将会慢慢归纳,有的是对前面的强化,有些则是关于前面的补充。 一、数组的本质 数组是按照次序排列的一组值,本质上,数组是一种特殊的对象 console.log(typeof[1,2,3]);//obje 阅读全文
posted @ 2016-08-29 11:27 foodoir 阅读(1906) 评论(0) 推荐(0) 编辑
摘要: JavaScript中的数组 一、数组的定义 数组是值的有序集合,或者说数组都是数据的有序列表。 二、创建数组 【字面量形式】 1、空数组 var arr=[]; 2、带有元素的数组 var arr=[1,2,3,1,2]; 3、数组值可以是任意类型 var arr=[1,2.3,'foodoir' 阅读全文
posted @ 2016-08-28 20:20 foodoir 阅读(921) 评论(0) 推荐(0) 编辑
摘要: 浅谈DOM性能考虑 很多人都会忽视脚本对Web应用整体性能的影响。为保证应用的流畅运行,在为文档编写和应用脚本时,需要注意一些问题。一、尽量减少访问DOM和尽量减少标记 访问DOM的方式对脚本性能会产生非常大的影响。以下面代码为例: if(document.getElementByTAgName(" 阅读全文
posted @ 2016-08-16 16:20 foodoir 阅读(251) 评论(0) 推荐(0) 编辑