<divclass="slides"name="__DT">
<ulclass="slide-pic">
<li><ahref="#"><imgalt="ceshi"src="p_w_picpaths/201232615333991535.jpg"></a>
<liclass="cur"><ahref="#"><imgalt="ceshi"src="p_w_picpaths/201232615333991535.jpg"></a>
<li><ahref="#"><imgalt="ceshi"src="p_w_picpaths/201232615333991535.jpg"></a>
<li><ahref="#"><imgalt="ceshi"src="p_w_picpaths/201232615333991535.jpg"></a>
<li><ahref="#"><imgalt="ceshi"src="p_w_picpaths/201232615333991535.jpg"></a></li>
</ul>
<ulclass="slide-li op">
<liclass="cur"></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<ulclass="slide-li slide-txt">
<liclass="cur"><ahref="#">ceshi</a></li>
<li><ahref="#">ceshi</a></li>
<li><ahref="#">ceshi</a></li>
<li><ahref="#">ceshi</a></li>
<li><ahref="#">ceshi</a></li>
</ul>
</div>
var defaultOpts = { interval: 5000, fadeInTime: 300, fadeOutTime: 200 };
//Iterate over the current set of matched elements
var _titles = $("ul.slide-txt li");
var _titles_bg = $("ul.op li");
var _bodies = $("ul.slide-pic li");
var _count = _titles.length;
var _current = 0;
var _intervalID = null;
var stop = function() { window.clearInterval(_intervalID); };
var slide = function(opts) {
if (opts) {
_current = opts.current || 0;
} else {
_current = (_current >= (_count - 1)) ? 0 : (++_current);
};
_bodies.filter(":visible").fadeOut(defaultOpts.fadeOutTime, function() {
_bodies.eq(_current).fadeIn(defaultOpts.fadeInTime);
_bodies.removeClass("cur").eq(_current).addClass("cur");
});
_titles.removeClass("cur").eq(_current).addClass("cur");
_titles_bg.removeClass("cur").eq(_current).addClass("cur");
}; //endof slide
var go = function() {
stop();
_intervalID = window.setInterval(function() { slide(); }, defaultOpts.interval);
}; //endof go
var itemMouseOver = function(target, items) {
stop();
var i = $.inArray(target, items);
slide({ current: i });
}; //endof itemMouseOver
_titles.hover(function() { if($(this).attr('class')!='cur'){itemMouseOver(this, _titles); }else{stop();}}, go);
//_titles_bg.hover(function() { itemMouseOver(this, _titles_bg); }, go);
_bodies.hover(stop, go);
//trigger the slidebox
go();
MSP(Microsoft Student Partners)是微软公司针对高校
大学生在全球范围内所设立的项目。旨在鼓励那些在校园里积极倡导、推动创新实践,
乐于积极帮助他人的优秀学生,给他们提供微软最前沿的技术资源,以及更广泛的交流、展示自我的平台。
MSP项目面向所有热爱技术、勇于创新、积极推动创新实践、愿意和他人分享自己所学的在校大学生,并不仅仅局限于技术类背景的学生。
如果你喜欢的话,欢迎加入。地址
转载于:https://blog.51cto.com/wlzcool/1184482