https://www.earthlink.co.jp/assets/source/functions.js

1// rollover
2var preLoadImg = new Object();
3 
4function initRollOvers(){
5  $("img.imgover,input.imgover").each(function(){
6    var imgSrc = this.src;
7    var sep = imgSrc.lastIndexOf('.');
8    var onSrc = imgSrc.substr(0, sep) + '_o' + imgSrc.substr(sep, 4);
9    preLoadImg[imgSrc] = new Image();
10    preLoadImg[imgSrc].src = onSrc;
11    $(this).hover(
12      function() { this.src = onSrc; },
13      function() { this.src = imgSrc; }
14    );
15  });
16}
17$(function(){
18  initRollOvers();
19});
20
21
22// smoothScroll
23
24jQuery.easing.quart = function (x, t, b, c, d) {
25  return -c * ((t=t/d-1)*t*t*t - 1) + b;
26};
27
28jQuery(document).ready(function(){
29  jQuery('a[href*="#"]').click(function() {
30    console.log("click");
31    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
32      var $target = jQuery(this.hash);
33      $target = $target.length && $target || jQuery('[name=' + this.hash.slice(1) +']');
34      if ($target.length) {
35        var targetOffset = $target.offset().top;
36        jQuery('html,body').animate({ scrollTop: targetOffset }, 1200, 'swing');
37        return false;
38      }
39    }
40  });
41
42});
43
44// slide btn
45
46$(function(){
47  $(".slide-btn").each(function(index,element){
48      $(element).click(function(){
49        $(this).toggleClass('on');
50        $(element).next(".slide-panel").slideToggle(300);
51        });
52      });
53
54  // ハッシュがあるときはオープン
55  if(window.location.hash.length>0){
56    $(window.location.hash).toggleClass('on').next(".slide-panel").toggle();
57  }
58});
59
60// gNav settings
61
62$(window).on('load resize', function(){
63
64  var winW = $(window).width();
65  var winH = $(window).height();
66  var gNav = $("#gnav");
67  var menuBtn = gNav.find("#menu-btn");
68  var navUl = gNav.find("ul");
69
70  var flag = 'close';
71  
72var gnavAnimeOne = {
73    display:"none",
74    opacity:"0",
75}
76var gnavAnimeTwo = {
77    display:"block",
78    opacity:"1",
79}
80
81  menuBtn.click(function(){
82//    navUl.classList.toggle('is-show');
83    if( flag == 'open' ) {
84      $(this).find("use").attr('xlink:href', '#svg-menu');
85navUl.css(gnavAnimeOne);
86//      navUl.css('display', 'none').css('opacity', '0').css('animation', 'fadeIn 2s ease 0s 1 normal');
87      flag = 'close';
88    } else {
89      $(this).find("use").attr('xlink:href', '#svg-close');
90navUl.css(gnavAnimeTwo);

91//      navUl.css('display', 'block').css('opacity', '1').css('animation', 'fadeIn 2s ease 0s 1 normal');
92      flag = 'open';
93    }
94  });
95});
96
97// current
98
99$(function(){
100  var gNavItem = $("#gnav .gnav-item-inner");
101
102  var local_path_arr = $(location).attr('pathname').split('/');
103  var local_dir = local_path_arr[1];
104
105  gNavItem.each(function(){
106    var href_path = $(this).attr("href");
107    var href_path_arr = href_path.split('/');
108    var href_dir = href_path_arr[1];
109    
110    if(href_dir == local_dir){
111      $(this).addClass('current');
112    } else {
113      $(this).removeClass('current');
114    }
115  });
116
117});
118
119//3行で表示制限(文字列を省略して「…」を付与)
120$(function() {
121  var $maxHeight = 85;
122
123  $('.txt-of').each(function() {
124    var $target = $(this);
125    // オリジナルの文章を取得する
126    var html = $target.html();
127    // 対象の要素を、高さにautoを指定し非表示で複製する
128    var $clone = $target.clone();
129    $clone
130      .css({
131        display: 'none',
132        position : 'absolute',
133        overflow : 'visible'
134      })
135      .width($target.width())
136      .height('auto');
137    // DOMを一旦追加
138
139    $target.after($clone);
140    // 指定した高さになるまで、1文字ずつ消去していく
141    while((html.length > 0) && ($clone.height() > $maxHeight)) {
142      html = html.substr(0, html.length - 1);
143      $clone.html(html + '...');
144    }
145
146    // 文章を入れ替えて、複製した要素を削除する
147    $target.html($clone.html());
148    $clone.remove();
149  });
150});