https://www.city.ebetsu.hokkaido.jp/ssi/js/tab.js

1// JavaScript Document
2
3$(function(){
4  $("#tab-2").hide();
5  $("a.selected img").attr("src",$("a.selected img").attr("src").replace(/^(.+)(\.[a-z]+)$/,"$1_on$2"));
6  $("ul.tabNavi li a").click(function(){
7  var name1=$("ul.tabNavi li a.selected").attr("href");
8  $("a.selected img").attr("src",$("a.selected img").attr("src").replace(/^(.+)_on(\.[a-z]+)$/,"$1$2"));
9  $("ul.tabNavi li a").removeClass("selected");
10  $(this).addClass("selected");
11  $("img",this).attr("src",$("img",this).attr("src").replace(/^(.+)_on(\.[a-z]+)$/,"$1$2"));
12  $("img",this).attr("src",$("img",this).attr("src").replace(/^(.+)(\.[a-z]+)$/,"$1_on$2"));
13  $(name1).hide();
14  var name2=$("ul.tabNavi li a.selected").attr("href");
15  $(name2).show();
16    return false;
17  })
18})
19		
20$(function(){
21  $("ul.tabNavi a").mouseover(function(){
22  var className = $(this).attr('class');
23/*
24  if(className!='selected'){
25    $("img",this).attr("src",$("img",this).attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1_on$2"))
26  }
27*/
28  }).mouseout(function(){
29    var className2 = $(this).attr('class');
30    if(className2!='selected'){
31      $("img",this).attr("src",$("img",this).attr("src").replace(/^(.+)_on(\.[a-z]+)$/,"$1$2"))
32    }
33  })
34})