<\/div>');
var $btn = $(".yx02-rotaion-btn span"),$title = $(".yx02-rotation-t"),$title_bg = $(".yx02-rotation-title"),$focus = $(".yx02-rotation-focus");
//如果自动播放,设置定时器
if(o.auto) var t = setinterval(function(){$btn.last().click()},o.during);
$title.text($li.first().find("img").attr("alt"));
$title.attr("href",$li.first().find("a").attr("href"));
// 输出焦点按钮
for(i=1;i<=li_count;i++){
$focus.append('
'+i+'');
}
// 兼容ie6透明图片
if($.browser.msie && $.browser.version == "6.0" ){
$btn.add($focus.children("span")).css({backgroundimage:'url(images/ico.gif)'});
}
var $f = $focus.children("span");
$f.first().addclass("hover");
// 鼠标覆盖左右按钮设置透明度
$btn.hover(function(){
$(this).addclass("hover");
},function(){
$(this).removeclass("hover");
});
//鼠标覆盖元素,清除计时器
$btn.add($li).add($f).hover(function(){
if(t) clearinterval(t);
},function(){
if(o.auto) t = setinterval(function(){$btn.last().click()},o.during);
});
//鼠标覆盖焦点按钮效果
$f.bind("mouseover",function(){
var i = $(this).index();
$(this).addclass("hover");
$focus.children("span").not($(this)).removeclass("hover");
$li.eq(i).fadein(300);
$li.not($li.eq(i)).fadeout(300);
$title.text($li.eq(i).find("img").attr("alt"));
curr_index = i;
});
//鼠标点击左右按钮效果
$btn.bind("click",function(){
$(this).index() == 1?curr_index++:curr_index--;
if(curr_index >= li_count) curr_index = 0;
if(curr_index < 0) curr_index = li_count-1;
$li.eq(curr_index).fadein(300);
$li.not($li.eq(curr_index)).fadeout(300);
$f.eq(curr_index).addclass("hover");
$f.not($f.eq(curr_index)).removeclass("hover");
$title.text($li.eq(curr_index).find("img").attr("alt"));
$title.attr("href",$li.eq(curr_index).find("a").attr("href"));
});
});
}
});
})(jquery);
/*焦点图03*/
(function($){
$.fn.extend({
yx03_rotaion: function(options) {
//默认参数
var defaults = {
/**轮换间隔时间,单位毫秒*/
during:3000,
/**是否显示左右按钮*/
btn:true,
/**是否显示焦点按钮*/
focus:true,
/**是否显示标题*/
title:true,
/**是否自动播放*/
auto:true
}
var options = $.extend(defaults, options);
return this.each(function(){
var o = options;
var curr_index = 0;
var $this = $(this);
var $li = $this.find("li");
var li_count = $li.length;
$this.css({position:'relative',overflow:'hidden',width:$li.find("img").width(),height:$li.find("img").height()});
$this.find("li").css({position:'absolute',left:0,top:0}).hide();
$li.first().show();
$this.append('
<\/span><\/div>');
if(!o.btn) $(".yx03-rotaion-btn").css({visibility:'hidden'});
if(o.title) $this.append(' <\/div>
<\/a>');
if(o.focus) $this.append('<\/div>');
var $btn = $(".yx03-rotaion-btn span"),$title = $(".yx03-rotation-t"),$title_bg = $(".yx03-rotation-title"),$focus = $(".yx03-rotation-focus");
//如果自动播放,设置定时器
if(o.auto) var t = setinterval(function(){$btn.last().click()},o.during);
$title.text($li.first().find("img").attr("alt"));
$title.attr("href",$li.first().find("a").attr("href"));
// 输出焦点按钮
for(i=1;i<=li_count;i++){
$focus.append(''+i+'');
}
// 兼容ie6透明图片
if($.browser.msie && $.browser.version == "6.0" ){
$btn.add($focus.children("span")).css({backgroundimage:'url(images/ico.gif)'});
}
var $f = $focus.children("span");
$f.first().addclass("hover");
// 鼠标覆盖左右按钮设置透明度
$btn.hover(function(){
$(this).addclass("hover");
},function(){
$(this).removeclass("hover");
});
//鼠标覆盖元素,清除计时器
$btn.add($li).add($f).hover(function(){
if(t) clearinterval(t);
},function(){
if(o.auto) t = setinterval(function(){$btn.last().click()},o.during);
});
//鼠标覆盖焦点按钮效果
$f.bind("mouseover",function(){
var i = $(this).index();
$(this).addclass("hover");
$focus.children("span").not($(this)).removeclass("hover");
$li.eq(i).fadein(300);
$li.not($li.eq(i)).fadeout(300);
$title.text($li.eq(i).find("img").attr("alt"));
curr_index = i;
});
//鼠标点击左右按钮效果
$btn.bind("click",function(){
$(this).index() == 1?curr_index++:curr_index--;
if(curr_index >= li_count) curr_index = 0;
if(curr_index < 0) curr_index = li_count-1;
$li.eq(curr_index).fadein(300);
$li.not($li.eq(curr_index)).fadeout(300);
$f.eq(curr_index).addclass("hover");
$f.not($f.eq(curr_index)).removeclass("hover");
$title.text($li.eq(curr_index).find("img").attr("alt"));
$title.attr("href",$li.eq(curr_index).find("a").attr("href"));
});
});
}
});
})(jquery);