<style type="text/css">
ul#macmenu {
list-style:none;
margin:0; padding:0;
zoom:100%;
height:140px;
}
ul#macmenu:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}
ul#macmenu li {
margin:0; padding:0;
display:block;
float:left;
}
ul#macmenu li img.defsize {
width:64px; height:64px;
}
</style>
<script type="text/javascript">
var defsize='64px';
var prevnextsize='80px';
var zoomsize='128px';
/* アイコンを拡大表示 */
function fZoomIcon(id){
var ie=false;
if(navigator.userAgent.indexOf("MSIE")>-1){
ie=true;
}
var Obj=document.getElementById(id);
for(var i in Obj.childNodes){
if(Obj.childNodes[i].nodeName=="IMG"){
var imgObj=Obj.childNodes[i];
imgObj.style.width=zoomsize;
imgObj.style.height=zoomsize;
}
}
var nextObj="";
var prevObj="";
if(ie==true){
/* IE */
if(Obj.nextSibling!=null && Obj.nextSibling.nodeName=="LI"){
var nextObj=Obj.nextSibling;
}
if(Obj.previousSibling!=null && Obj.previousSibling.nodeName=="LI"){
var prevObj=Obj.previousSibling;
}
}else{
/* Firefox */
if(Obj.nextSibling.nextSibling!=null && Obj.nextSibling.nextSibling.nodeName=="LI"){
var nextObj=Obj.nextSibling.nextSibling;
}
if(Obj.previousSibling.previousSibling!=null && Obj.previousSibling.previousSibling.nodeName=="LI"){
var prevObj=Obj.previousSibling.previousSibling;
}
}
if(nextObj!=""){
for(var i in nextObj.childNodes){
if(nextObj.childNodes[i].nodeName=="IMG"){
var imgObj=nextObj.childNodes[i];
imgObj.style.width=prevnextsize;
imgObj.style.height=prevnextsize;
}
}
}
if(prevObj!=""){
for(var i in prevObj.childNodes){
if(prevObj.childNodes[i].nodeName=="IMG"){
var imgObj=prevObj.childNodes[i];
imgObj.style.width=prevnextsize;
imgObj.style.height=prevnextsize;
}
}
}
}
/* アイコンを縮小表示 */
function fDefaultIcon(id) {
var ie=false;
if(navigator.userAgent.indexOf("MSIE")>-1){
ie=true;
}
var Obj=document.getElementById(id);
for(var i in Obj.childNodes){
if(Obj.childNodes[i].nodeName=="IMG"){
var imgObj=Obj.childNodes[i];
imgObj.style.width=defsize;
imgObj.style.height=defsize;
}
}
var nextObj="";
var prevObj="";
if(ie==true){
/* IE */
if(Obj.nextSibling!=null && Obj.nextSibling.nodeName=="LI"){
var nextObj=Obj.nextSibling;
}
if(Obj.previousSibling!=null && Obj.previousSibling.nodeName=="LI"){
var prevObj=Obj.previousSibling;
}
}else{
/* Firefox */
if(Obj.nextSibling.nextSibling!=null && Obj.nextSibling.nextSibling.nodeName=="LI"){
var nextObj=Obj.nextSibling.nextSibling;
}
if(Obj.previousSibling.previousSibling!=null && Obj.previousSibling.previousSibling.nodeName=="LI"){
var prevObj=Obj.previousSibling.previousSibling;
}
}
if(nextObj!=""){
for(var i in nextObj.childNodes){
if(nextObj.childNodes[i].nodeName=="IMG"){
var imgObj=nextObj.childNodes[i];
imgObj.style.width=defsize;
imgObj.style.height=defsize;
}
}
}
if(prevObj!=""){
for(var i in prevObj.childNodes){
if(prevObj.childNodes[i].nodeName=="IMG"){
var imgObj=prevObj.childNodes[i];
imgObj.style.width=defsize;
imgObj.style.height=defsize;
}
}
}
}
</script>
<ul id="macmenu">
<li id="macmenu_os" onmouseover="fZoomIcon(this.id)" onmouseout="fDefaultIcon(this.id)"><img src="/content/img/js/xpico_os.gif" class="defsize" /></li>
<li id="macmenu_dust" onmouseover="fZoomIcon(this.id)" onmouseout="fDefaultIcon(this.id)"><img src="/content/img/js/xpico_dust.gif" class="defsize" /></li>
<li id="macmenu_ie" onmouseover="fZoomIcon(this.id)" onmouseout="fDefaultIcon(this.id)"><img src="/content/img/js/xpico_ie.gif" class="defsize" /></li>
<li id="macmenu_photo" onmouseover="fZoomIcon(this.id)" onmouseout="fDefaultIcon(this.id)"><img src="/content/img/js/xpico_photo.gif" class="defsize" /></li>
<li id="macmenu_video" onmouseover="fZoomIcon(this.id)" onmouseout="fDefaultIcon(this.id)"><img src="/content/img/js/xpico_video.gif" class="defsize" /></li>
<li id="macmenu_music" onmouseover="fZoomIcon(this.id)" onmouseout="fDefaultIcon(this.id)"><img src="/content/img/js/xpico_music.gif" class="defsize" /></li>
</ul>
