数组的操作

一:创建数组和声明

创建数组有两种方式:

1. var arr=new Array(“aa”,”bb”,”cc”);  
或者  var arr=new Array(3);  // 创建一个长度为3的数组

2. var arr=["aa","bb","cc"] ; // 创建一个长度为3的数组

数组的声明:

var arr=["aa","bb","cc"] ; // 创建数组,并初始化了三个元素

二:数组的长度

javascript给了我们一个数组长度的属性:假设定义了一个数组arr,那么数组的长度就为:arr.length 。 继续阅读

发表在 前端技术 | 标签为 , , , , | 留下评论

js 仿jq鼠标移入移出层运动hover效果

大家都知道,在JQ要实现某个基本的交互效果很方便,因为它内置了许多封装好的函数。还记得,有一个hover的函数,它有两个参数,并且这两个参数都是函数。下面来看代码:

$(obj).hover(fn1,fn2) ;

解释:obj为被鼠标放入的对象,而fn1是鼠标移入时执行的函数,fn2是鼠标移出时所要执行的函数。

那么,像类似的函数用原生的JS怎么去实现它呢?

在JS中,鼠标移入是onmouseover,鼠标移出是onmouseout。下面我结合一个例子来完成这个效果。效果描述是这样的:鼠标移入图片,带绿背景的文字层从底部运动出来并覆盖图片层,鼠标移出图片,带绿背景的文字层从顶部运动到底部消失。当然我这里还加了些定时器 继续阅读

发表在 前端技术 | 标签为 , | 留下评论

鼠标滚轮应用–网页横向滚动

关于网页的横向滚动,虽然网页中不是很常见,应该说与我们常用的网页纵向滚动反其道而行之。但是目前网站也能看到,当你滚动网页时,它的内容是从浏览器右侧出来而非浏览器的下侧,给人以一种新颖的感觉。

例如,淘宝的店铺后院:  http://homemate-uk.taobao.com/hy/index.htm#!/xb/26303 ,可以说,淘宝里面的效果或许用到了缓冲效果,但由于我目前web前端的知识尚浅,所以并不知它是如何实现的。但下面这个我自己研究的例子基本实现了网页的横向滚动,且无兼容性问题。下面贴出例子的源码,仅供参考 继续阅读

发表在 前端技术 | 标签为 , | 留下评论

javascript 鼠标滚轮事件

周末,今天阳光明媚的,周围也都呈现万物复苏的景象。坐在家里写代码着实有些浪费这大好天气。可是后来想想,没人陪一个人在外瞎逛也倒无趣。哎,孤家寡人呀。

手握鼠标,这篇文章就是说的是javascript 鼠标滚轮事件。为了这篇文章,我还在首页的轮播图放了一张自己做的关于鼠标滚轮事件的图,没有美术功底,图虽然不好看,但为了更加清晰的描述和强调本文的内容,后来还是硬着头皮放了上来。

OK,话入正题。鼠标滚轮事件是我遇到在javascript事件里面最为恶劣的一个事件,因为它充满着各种不兼容,几乎每种浏览器都有一种属于自己的滚轮属性,而且属性的值还可能是相反的。无语中…… 不过话说这个事件还是蛮实用的,所以掌握它还是有必要的。下面主要从两个方面来讲述鼠标滚轮 继续阅读

发表在 前端技术 | 标签为 , , , , | 留下评论

fixed在网页的一些应用

fixed,生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置是通过 “left”, “top”,或者”right” 以及 “bottom” 属性来进行定位,随网页的滚动,定位元素的位置不发生改变,即固定定位。看过了很多网站,fixed不外乎就几种运用,包括以下三种:

顶部运用:新浪顶部导航

fixed运用--新浪--顶部导航

新浪微博导航截图

css: 

body{_background-color:url(about:blank);
_background-attachment:fixed; }  /**ie6,防止fixed上下抖动**/

#fixed{
position:fixed;
right:10px;
top:0;
_position:absolute;
_top:expression(document.documentElement.scrollTop-this.offsetHeight*0); /**对于ie6,this.offsetHeight为必须的,但是导航又需在顶端,所以乘以零,即在ie6下,fixed元素的top值即为滚动条滚动的距离**/ 继续阅读

发表在 前端技术 | 标签为 , , | 留下评论