|
|
| (124 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| | <html> | | <html> |
| - | <script style="text/javascript"> | + | <script src="//ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.7.2.js"></script> |
| | + | <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script> |
| | + | <script type="text/javascript"> |
| | | | |
| - | //ページ内スクロール
| + | (function() { |
| - | $(".menber_click").click(function () {
| + | $(function() { |
| - | var i = $(".member_click").index(this)
| + | return $('#menubar.left-menu ul li:last-child').css('display', 'none'); |
| - | var p = $(".member_introduction").eq(i).offset().top;
| + | |
| - | $('html,body').animate({ scrollTop: p }, 'fast');
| + | |
| - | return false;
| + | |
| - | });
| + | |
| - | | + | |
| - | jQuery(document).ready(function(){
| + | |
| - | jQuery(".megamenu").megamenu();
| + | |
| - | });
| + | |
| - | | + | |
| - | /*
| + | |
| - | jQuery MegaMenu Plugin | + | |
| - | Author: GeekTantra
| + | |
| - | Author URI: http://www.geektantra.com
| + | |
| - | */
| + | |
| - | var isIE6 = navigator.userAgent.toLowerCase().indexOf('msie 6') != -1;
| + | |
| - | | + | |
| - | jQuery.fn.megamenu = function(options) {
| + | |
| - | options = jQuery.extend({
| + | |
| - | activate_action: "mouseover",
| + | |
| - | deactivate_action: "mouseleave",
| + | |
| - | show_method: "slideDown",
| + | |
| - | hide_method: "slideUp",
| + | |
| - | justify: "left",
| + | |
| - | enable_js_shadow: true,
| + | |
| - | shadow_size: 3,
| + | |
| - | mm_timeout: 250
| + | |
| - | }, options);
| + | |
| - | var $megamenu_object = this;
| + | |
| - | if( options.activate_action == "click" ) options.mm_timeout = 0;
| + | |
| - | $megamenu_object.children("li").each(function(){
| + | |
| - | jQuery(this).addClass("mm-item"); | + | |
| - | jQuery(".mm-item").css({ 'float': options.justify });
| + | |
| - |
| + | |
| - | jQuery(this).find("div:first").addClass("mm-item-content");
| + | |
| - | jQuery(this).find("a:first").addClass("mm-item-link");
| + | |
| - | var $mm_item_content = jQuery(this).find(".mm-item-content");
| + | |
| - | var $mm_item_link = jQuery(this).find(".mm-item-link");
| + | |
| - | $mm_item_content.hide();
| + | |
| - |
| + | |
| - | jQuery(document).bind("click", function(){
| + | |
| - | jQuery(".mm-item-content").hide();
| + | |
| - | jQuery(".mm-item-link").removeClass("mm-item-link-hover");
| + | |
| - | });
| + | |
| - | jQuery(this).bind("click", function(e){
| + | |
| - | e.stopPropagation();
| + | |
| - | });
| + | |
| - | $mm_item_content.wrapInner('<div class="mm-content-base"></div>');
| + | |
| - | if(options.enable_js_shadow == true) {
| + | |
| - | $mm_item_content.append('<div class="mm-js-shadow"></div>');
| + | |
| - | }
| + | |
| - | var $mm_timer = 0;
| + | |
| - | // Activation Method Starts
| + | |
| - | jQuery(this).bind(options.activate_action, function(e){
| + | |
| - | e.stopPropagation();
| + | |
| - | var mm_item_link_obj = jQuery(this).find("a.mm-item-link");
| + | |
| - | var mm_item_content_obj = jQuery(this).find("div.mm-item-content");
| + | |
| - | clearTimeout($mm_timer);
| + | |
| - | $mm_timer = setTimeout(function(){ //Emulate HoverIntent
| + | |
| - | mm_item_link_obj.addClass("mm-item-link-hover");
| + | |
| - | mm_item_content_obj.css({
| + | |
| - | 'top': ($mm_item_link.offset().top + $mm_item_link.outerHeight()) - 1 +"px",
| + | |
| - | 'left': ($mm_item_link.offset().left) - 5 + 'px'
| + | |
| - | })
| + | |
| - |
| + | |
| - | if(options.justify == "left"){
| + | |
| - | var mm_object_right_end = $megamenu_object.offset().left + $megamenu_object.outerWidth();
| + | |
| - | // Coordinates of the right end of the megamenu object
| + | |
| - | var mm_content_right_end = $mm_item_link.offset().left + $mm_item_content.outerWidth() - 5 ;
| + | |
| - | // Coordinates of the right end of the megamenu content
| + | |
| - | if( mm_content_right_end >= mm_object_right_end ) { // Menu content exceeding the outer box
| + | |
| - | mm_item_content_obj.css({
| + | |
| - | 'left': ($mm_item_link.offset().left - (mm_content_right_end - mm_object_right_end)) - 2 + 'px'
| + | |
| - | }); // Limit megamenu inside the outer box
| + | |
| - | }
| + | |
| - | } else if( options.justify == "right" ) {
| + | |
| - | var mm_object_left_end = $megamenu_object.offset().left;
| + | |
| - | // Coordinates of the left end of the megamenu object
| + | |
| - | var mm_content_left_end = $mm_item_link.offset().left - mm_item_content_obj.outerWidth() +
| + | |
| - | $mm_item_link.outerWidth() + 5;
| + | |
| - | // Coordinates of the left end of the megamenu content
| + | |
| - | if( mm_content_left_end <= mm_object_left_end ) { // Menu content exceeding the outer box
| + | |
| - | mm_item_content_obj.css({
| + | |
| - | 'left': mm_object_left_end + 2 + 'px'
| + | |
| - | }); // Limit megamenu inside the outer box
| + | |
| - | } else {
| + | |
| - | mm_item_content_obj.css({
| + | |
| - | 'left': mm_content_left_end + 'px'
| + | |
| - | }); // Limit megamenu inside the outer box
| + | |
| - | }
| + | |
| - | }
| + | |
| - | if(options.enable_js_shadow == true) {
| + | |
| - | mm_item_content_obj.find(".mm-js-shadow").height( mm_item_content_obj.height() );
| + | |
| - | mm_item_content_obj.find(".mm-js-shadow").width( mm_item_content_obj.width() );
| + | |
| - | mm_item_content_obj.find(".mm-js-shadow").css({
| + | |
| - | 'top': (options.shadow_size) + (isIE6 ? 2 : 0) + "px",
| + | |
| - | 'left': (options.shadow_size) + (isIE6 ? 2 : 0) + "px",
| + | |
| - | 'opacity': 0.5
| + | |
| - | });
| + | |
| - | }
| + | |
| - | switch(options.show_method) {
| + | |
| - | case "simple":
| + | |
| - | mm_item_content_obj.show();
| + | |
| - | break;
| + | |
| - | case "slideDown":
| + | |
| - | mm_item_content_obj.height("auto");
| + | |
| - | mm_item_content_obj.slideDown('fast');
| + | |
| - | break;
| + | |
| - | case "fadeIn":
| + | |
| - | mm_item_content_obj.fadeTo('fast', 1);
| + | |
| - | break;
| + | |
| - | default:
| + | |
| - | mm_item_content_obj.each( options.show_method );
| + | |
| - | break;
| + | |
| - | }
| + | |
| - | }, options.mm_timeout);
| + | |
| - | });
| + | |
| - | // Activation Method Ends
| + | |
| - | // Deactivation Method Starts
| + | |
| - | jQuery(this).bind(options.deactivate_action, function(e){
| + | |
| - | e.stopPropagation();
| + | |
| - | clearTimeout($mm_timer);
| + | |
| - | var mm_item_link_obj = jQuery(this).find("a.mm-item-link");
| + | |
| - | var mm_item_content_obj = jQuery(this).find("div.mm-item-content");
| + | |
| - | // mm_item_content_obj.stop();
| + | |
| - | switch(options.hide_method) {
| + | |
| - | case "simple":
| + | |
| - | mm_item_content_obj.hide();
| + | |
| - | mm_item_link_obj.removeClass("mm-item-link-hover");
| + | |
| - | break;
| + | |
| - | case "slideUp":
| + | |
| - | mm_item_content_obj.slideUp( 'fast', function() {
| + | |
| - | mm_item_link_obj.removeClass("mm-item-link-hover");
| + | |
| - | });
| + | |
| - | break;
| + | |
| - | case "fadeOut":
| + | |
| - | mm_item_content_obj.fadeOut( 'fast', function() {
| + | |
| - | mm_item_link_obj.removeClass("mm-item-link-hover");
| + | |
| - | });
| + | |
| - | break;
| + | |
| - | default:
| + | |
| - | mm_item_content_obj.each( options.hide_method );
| + | |
| - | mm_item_link_obj.removeClass("mm-item-link-hover");
| + | |
| - | break;
| + | |
| - | }
| + | |
| - | if(mm_item_content_obj.length < 1) mm_item_link_obj.removeClass("mm-item-link-hover");
| + | |
| - | });
| + | |
| - | // Deactivation Method Ends
| + | |
| | }); | | }); |
| - | this.find(">li:last").after('<li class="clear-fix"></li>');
| + | }).call(this); |
| - | this.show();
| + | |
| - | };
| + | |
| | | | |
| - | | + | $(function () { |
| - | /**
| + | $(".right-menu").hover(function(){ |
| - | * hoverIntent r5 // 2007.03.27 // jQuery 1.1.2+
| + | $(this).css({"opacity": "1.0"}); |
| - | * <http://cherne.net/brian/resources/jquery.hoverIntent.html>
| + | },function(){ |
| - | *
| + | $(this).css({"opacity": "0.0"}); |
| - | * @param f onMouseOver function || An object with configuration options
| + | |
| - | * @param g onMouseOut function || Nothing (use configuration options object)
| + | |
| - | * @author Brian Cherne <brian@cherne.net>
| + | |
| - | */
| + | |
| - | (function($){$.fn.hoverIntent=function(f,g){var cfg={sensitivity:7,interval:100,timeout:0};cfg=$.extend(cfg,g?{over:f,out:g}:f);var cX,cY,pX,pY;var track=function(ev){cX=ev.pageX;cY=ev.pageY;};var compare=function(ev,ob){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);if((Math.abs(pX-cX)+Math.abs(pY-cY))<cfg.sensitivity){$(ob).unbind("mousemove",track);ob.hoverIntent_s=1;return cfg.over.apply(ob,[ev]);}else{pX=cX;pY=cY;ob.hoverIntent_t=setTimeout(function(){compare(ev,ob);},cfg.interval);}};var delay=function(ev,ob){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);ob.hoverIntent_s=0;return cfg.out.apply(ob,[ev]);};var handleHover=function(e){var p=(e.type=="mouseover"?e.fromElement:e.toElement)||e.relatedTarget;while(p&&p!=this){try{p=p.parentNode;}catch(e){p=this;}}if(p==this){return false;}var ev=jQuery.extend({},e);var ob=this;if(ob.hoverIntent_t){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);}if(e.type=="mouseover"){pX=ev.pageX;pY=ev.pageY;$(ob).bind("mousemove",track);if(ob.hoverIntent_s!=1){ob.hoverIntent_t=setTimeout(function(){compare(ev,ob);},cfg.interval);}}else{$(ob).unbind("mousemove",track);if(ob.hoverIntent_s==1){ob.hoverIntent_t=setTimeout(function(){delay(ev,ob);},cfg.timeout);}}};return this.mouseover(handleHover).mouseout(handleHover);};})(jQuery); | + | |
| - | | + | |
| - | | + | |
| - | $(document).ready(function(){ | + | |
| - | $(".mega-menu").megamenu(
| + | |
| - | ".mega-menu",{ | + | |
| - | width: "100%" //
| + | |
| - | }); | + | |
| - | });
| + | |
| - | | + | |
| - | $(document).ready(function($){
| + | |
| - | $('#mega-menu-1').dcMegaMenu({
| + | |
| - | rowItems: '5',
| + | |
| - | speed: 'fast',
| + | |
| - | effect: 'slide'
| + | |
| | }); | | }); |
| | }); | | }); |
| | | | |
| - | jQuery(document).ready(function(){
| + | $(function() { |
| - | jQuery(".megamenu").megamenu();
| + | $(".left-menu").css("left","0"); |
| | }); | | }); |
| | | | |
| - | jQuery(document).ready(function(){
| |
| - | jQuery(".megamenu").megamenu({ 'show_method':'fadeIn', 'hide_method': 'fadeOut' });
| |
| - | // 'show_method' can take 'fadeIn', 'slideDown' and 'simple' as values only. Default: 'slideDown'
| |
| - | // 'hide_method' can take 'fadeOut', 'slideUp' and 'simple' as values only. Default: 'slideUp'
| |
| - | });
| |
| | </script> | | </script> |
| | </html> | | </html> |
| | + | {{Team:HokkaidoU_Japan/Book/JS}} |
| | + | {{Team:HokkaidoU Japan/LargeDropDown/JS}} |
| | + | {{Team:HokkaidoU Japan/About_Us/JS}} |
"
