122 lines
4.0 KiB
JavaScript
122 lines
4.0 KiB
JavaScript
// All the jQuery function that WordPress used
|
|
// Add empty span tag at menu which have drop-down meun
|
|
jQuery("ul.sub-menu:not(.sub-menu .sub-menu)").parent().append('<div class="menu-mark" ></div>');
|
|
jQuery("ul.children:not(.children .children)").parent().append('<div class="menu-mark" ></div>');
|
|
|
|
jQuery("ul.sub-menu ul.sub-menu:not(.sub-menu .sub-menu .sub-menu)").parent().append('<div class="menu-mark2" ></div>');
|
|
jQuery("ul.children ul.children:not(.children .children .children)").parent().append('<div class="menu-mark2" ></div>');
|
|
|
|
// Drop down menu slide function
|
|
var mouseover_tid = [];
|
|
var mouseout_tid = [];
|
|
jQuery('.header_menu ul > li').each(function(index) {
|
|
jQuery(this).hover(function() {
|
|
var _self = this;
|
|
clearTimeout(mouseout_tid[index]);
|
|
mouseover_tid[index] = setTimeout(function() {
|
|
jQuery(_self).find('ul:eq(0)').slideDown('fast');
|
|
},
|
|
200);
|
|
},
|
|
function() {
|
|
var _self = this;
|
|
clearTimeout(mouseover_tid[index]);
|
|
mouseout_tid[index] = setTimeout(function() {
|
|
jQuery(_self).find('ul:eq(0)').slideUp('fast');
|
|
},
|
|
200);
|
|
});
|
|
});
|
|
// Top colourful bar
|
|
jQuery(document).ready(function() {
|
|
// color tags
|
|
$("#colorfultagcloud a").each(function (i) {
|
|
this.style.color = randomColor()
|
|
});
|
|
function randomColor() {
|
|
var arrHex = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F"];
|
|
var strHex = "#";
|
|
var index;
|
|
for (var i = 0; i < 6; i++) {
|
|
index = Math.round(Math.random() * 15);
|
|
strHex += arrHex[index];
|
|
}
|
|
return strHex;
|
|
};
|
|
|
|
jQuery("#top_bar").animate({
|
|
width: "100%"
|
|
},
|
|
{
|
|
queue: false,
|
|
duration: 5000
|
|
});
|
|
// Mouse over search box focus function
|
|
jQuery("#s").mouseover(function() {
|
|
jQuery(this).focus().val([""]);
|
|
});
|
|
// Link sparkling function
|
|
jQuery(".post_meta li,body a:not(.post_meta li a)").hover(function() {
|
|
if (!jQuery(this).is(":animated")) {
|
|
jQuery(this).animate({
|
|
opacity: ".7"
|
|
},
|
|
220).animate({
|
|
opacity: "1"
|
|
},
|
|
180);
|
|
}
|
|
});
|
|
jQuery(function() {
|
|
jQuery('a[href*=#]').click(function() {
|
|
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
|
|
var $target = jQuery(this.hash);
|
|
$target = $target.length && $target || jQuery('[name=' + this.hash.slice(1) + ']');
|
|
if ($target.length) {
|
|
var targetOffset = $target.offset().top - 100;
|
|
jQuery('html,body').animate({
|
|
scrollTop: targetOffset
|
|
},
|
|
1000);
|
|
return false;
|
|
}
|
|
}
|
|
});
|
|
});
|
|
// hide #return_top first
|
|
jQuery("#return_top").hide();
|
|
// fade in #return_top
|
|
jQuery(function() {
|
|
jQuery(window).scroll(function() {
|
|
if (jQuery(this).scrollTop() > 100) {
|
|
jQuery('#return_top').fadeIn();
|
|
} else {
|
|
jQuery('#return_top').fadeOut();
|
|
}
|
|
});
|
|
});
|
|
|
|
// When a link is clicked
|
|
jQuery("a.tab").click(function() {
|
|
|
|
// switch all tabs off
|
|
jQuery(".active").removeClass("active");
|
|
|
|
// switch this tab on
|
|
jQuery(this).addClass("active");
|
|
|
|
// slide all content up
|
|
jQuery(".content").slideUp();
|
|
|
|
// slide this content up
|
|
var content_show = jQuery(this).attr("title");
|
|
jQuery("#" + content_show).slideDown();
|
|
|
|
});
|
|
|
|
jQuery('#tab-title span').click(function() {
|
|
jQuery(this).addClass("selected").siblings().removeClass();
|
|
jQuery("#tab-content > .widget-container").slideUp('1500').eq(jQuery('#tab-title span').index(this)).slideDown('1500');
|
|
});
|
|
|
|
}); |