/*文字コードUTF-8*/
(function($) {
$.extend({
ahover: {
version: 1.0,
defaults: {
toggleSpeed: 75,
toggleEffect: 'both',
hoverEffect: null,
moveSpeed: 250,
easing: 'swing',
className: 'ahover'
},
effects: {
'width': {width: 0},
'height': {height: 0},
'both': {width: 0, height: 0}
}
}
});
$.fn.extend({
ahover: function(options) {
var options = $.extend({}, $.ahover.defaults, options);
var effect = (
(typeof options.toggleEffect == 'string') ?
$.ahover.effects[options.toggleEffect] : options.toggleEffect
);
var parent = this.offsetParent();
return this.hover(
function(e) {
var over = $(this);
var overSize = {
width: over.outerWidth(),
height: over.outerHeight()-2
};
var overOffset = over.offset();
var parentOffset = parent.offset();
var under = $('div.' + options.className, parent).stop();
var created = (under.length == 0);
if (created) {
under = $('
')
.addClass(options.className)
.appendTo(parent).css(overSize);
}
var underOffset = {
left: overOffset.left - parentOffset.left -
(under.outerWidth() - under.width()) / 2,
top: overOffset.top - parentOffset.top -
(under.outerHeight() - under.height()) / 2
}
if (created) {
under.css(underOffset).css(effect).animate(overSize, {
queue: false,
duration: options.toggleSpeed,
easing: options.easing
});
}
else {
var underCSS = $.extend({}, overSize, underOffset);
under.animate(underCSS, {
queue: false,
duration: options.moveSpeed,
easing: options.easing
});
}
if ($.isFunction(options.hoverEffect)) {
under.queue(options.hoverEffect);
}
},
function(e) {
$('div.' + options.className, parent).animate(effect, {
queue: false,
duration: options.toggleSpeed,
easing: options.easing,
complete: function() { $(this).remove(); }
});
}
);
}
});
/////////////////////////////////
jQuery(function($) {
$('div.hover span').ahover({moveSpeed: 110, hoverEffect: function() {
$(this)
.css({opacity: 0.99})
.animate({opacity: 0.5}, 800)
.animate({opacity: 0.99}, 800)
.dequeue();
$(this).queue(arguments.callee);
}});
});
})(jQuery);
//////////toppage link
(function($) {
$(document).ready(function(){
$("#experience a , #recommend2 a").css("opacity","0.5")
$("#experience a , #recommend2 a").hover(function(){
$(this).fadeTo("500","1.0")
},function(){
$(this).fadeTo("500","0.5")
}
)
});
})(jQuery);