$(function(){
var cur_item = -1,
cur_tab = 0,
$timeline = $('#miniblog'),
$timeline_menu = $('#db-timeline-hd li'),
$doc = $(document),
$win = $(window),
delay,
$items = $timeline.find('.mbtl'), handle_j = function(){
if (delay) {
window.clearTimeout(delay);
}
var h;
if (cur_item + 1 >= $items.length) {
return;
}
h = $items.eq(cur_item + 1).pos().y; // fix meet hidden item, cant get 'y'
if (!h) {
cur_item ++;
handle_j();
return;
}
//end if ( h > $('body').innerHeight() - $win.height()) {
cur_item ++;
return;
}
window.scrollTo(0, h - 20);
},
$timeline = $('#miniblog'),
$timeline_menu = $('#db-timeline-hd li'),
$doc = $(document),
$win = $(window),
delay,
$items = $timeline.find('.mbtl'), 这六行代码是什么意思啊
var cur_item = -1,
cur_tab = 0,
$timeline = $('#miniblog'),
$timeline_menu = $('#db-timeline-hd li'),
$doc = $(document),
$win = $(window),
delay,
$items = $timeline.find('.mbtl'), handle_j = function(){
if (delay) {
window.clearTimeout(delay);
}
var h;
if (cur_item + 1 >= $items.length) {
return;
}
h = $items.eq(cur_item + 1).pos().y; // fix meet hidden item, cant get 'y'
if (!h) {
cur_item ++;
handle_j();
return;
}
//end if ( h > $('body').innerHeight() - $win.height()) {
cur_item ++;
return;
}
window.scrollTo(0, h - 20);
},
$timeline = $('#miniblog'),
$timeline_menu = $('#db-timeline-hd li'),
$doc = $(document),
$win = $(window),
delay,
$items = $timeline.find('.mbtl'), 这六行代码是什么意思啊
等于jQuery(document).ready
$("id值") 是一个方法,和document.getElementById("id值")一样,取得对应id的对象
$timeline_menu = $('#db-timeline-hd li'), //id为db-timeline-hd的元素内所有的LI元素赋值给变量$timeline_menu
$doc = $(document),//整个网页的页面赋值给$doc
$win = $(window),//这个是把浏览器窗口赋值给变量$win
delay, //声明delay函数(作者用这个名字估计是为了做延迟而准备的)
$items = $timeline.find('.mbtl'), //把id为miniblog的元素下面的class为mbtl的所有元素赋值给 $items你问的这些其实都差不多,都是先把要用到的元素定义好变量为后面做效果而准备的,看了你的代码,感觉应该是做一个可以自动滚动的TAB效果,而且还跟浏览器的滚动条有联系,都是JQuery写的。喜欢的话可以看一下我写的简单通用的TAB带自动切换的代码:http://www.liuxiaofan.com/blog/171.lxf
还有我收藏的一篇很不错的JQuery入门教程:http://www.liuxiaofan.com/blog/193.lxf