54 js index() 兼容ie的短阴影效果 div高度无法获取 轮播图片 文字居与div底部 filter()和eq()

1.  index()

   获得第一个匹配元素相对于其同胞元素的 index 位置。

2.兼容ie的短阴影效果  

三层容器div ，第一层和第二层背景色透明，分别在左右加  background: url("../xxx/xx") no-repeat left/right  top  

第三层 margin:3px auto        背景白色

3.轮播图片

var curIndex = 0;
var timeInterval = 4000;
var arr = new Array();
arr[0] = "../Public/img/bg2.jpg";
arr[1] = "../Public/img/bg3.jpg";
arr[2] = "../Public/img/bg4.jpg";
arr[3] = "../Public/img/bg5.jpg";
arr[4] = "../Public/img/bg6.jpg";
arr[5] = "../Public/img/bigpic.png";


var arr_link = new Array ();
arr_link[0] = "index";
arr_link[1] = "index";
arr_link[2] = "index";
arr_link[3] = "index";
arr_link[4] = "#";
arr_link[5] = "#";


setInterval(changeImg,timeInterval);  //shizhong
function changeImg(){
var obj = document.getElementById("backpic");
if( curIndex == (arr.length -1))
curIndex = 0;
else {
curIndex++;
}
obj.src = arr[curIndex];
$("#backpic").removeAttr("onclick");
$("#backpic").click(function(){
window.location.href= arr_link[curIndex];
});
}

4.div高度无法获取

$(" #xxxx").height() 取到的div不能取得一个固定值，确认不是渲染问题，于是将div中每个图片都加入height属性.

于是div取得的高度固定.

5.文字居与div底部 

外层:   position : relative

内层： position : absolute     ;      bottom ：0 ；

6.filter()

filter() 方法将匹配元素集合缩减为匹配指定选择器的元素。

	filter(selector)

	$('li').filter(':even').css('background-color', 'red');

7.filter (:visible)

jQuery的:visible选择器用于匹配所有可见的元素，将其封装为jQuery对象并返回。

与该选择器相对的是:hidden选择器，用于匹配所有不可见的元素。

语法 jQuery(":visible")

8.eq()

选择第二个 <p> 元素：

$("p:eq(1)")

定义和用法

	:eq() 选择器选取带有指定 index 值的元素。

	index 值从 0 开始，所有第一个元素的 index 值是 0（不是 1）。

	经常与其他元素/选择器一起使用，来选择指定的组中特定序号的元素（如上面的例子）。

语法

     $(":eq(index)")

9.