p > function im() { < br >
var a = ""; < br > a = MapChange.src; < br > // alert(a);
var image = window.open(a,'image','width=200,height=200');
<
p >
} < /p> <
p > // --&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;
]]>
<
p > apOut();
" onclick="
disp_on();
"/>
<
p > < br / > < br > < p > < a href = "tcm:7-2605993" > Datasheet < /a> < /p> <
p > < br / > < br >
<
p > < br / > < br > < br / > < br >
<
!doctype html >
<
html >
<
head >
<
meta charset = "utf-8" >
<
title > 無題ドキュメント < /title> <
/head>
<
body >
<
div >
<
p > < img src = "http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500mg07.jpg"
width = "580"
height = "232"
alt = "Open"
usemap = "#MapCg"
name = "MapChange"
id = "MapChange"
onmouseover = "CKmap();"
onmouseout = "MapOut();"
onclick = "disp_on();" / > < /p> <
map name = "MapCg"
id = "MapCg" >
<
p > < img src = "http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg01.jpg"
width = "60"
height = "60"
alt = "right"
onmouseover = "MapChange.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500mg01.jpg'; map1.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sgs01.jpg'; map2.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg02.jpg'; map3.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg03.jpg'; map4.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg04.jpg'; map5.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg05.jpg'; map6.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg06.jpg'; map7.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg07.jpg';"
name = "map1"
id = "map1" / > < img src = "http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg02.jpg"
width = "60"
height = "60"
alt = "front"
onmouseover = "MapChange.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500mg02.jpg'; map1.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg01.jpg'; map2.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sgs02.jpg'; map3.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg03.jpg'; map4.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg04.jpg'; map5.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg05.jpg'; map6.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg06.jpg'; map7.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg07.jpg';"
name = "map2"
id = "map2" / > < img src = "http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg03.jpg"
width = "60"
height = "60"
alt = "left"
onmouseover = "MapChange.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500mg03.jpg'; map1.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg01.jpg'; map2.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg02.jpg'; map3.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sgs03.jpg'; map4.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg04.jpg'; map5.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg05.jpg'; map6.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg06.jpg'; map7.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg07.jpg';"
name = "map3"
id = "map3" / > < img src = "http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg04.jpg"
width = "60"
height = "60"
alt = "side"
onmouseover = "MapChange.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500mg04.jpg'; map1.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg01.jpg'; map2.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg02.jpg'; map3.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg03.jpg'; map4.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sgs04.jpg'; map5.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg05.jpg'; map6.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg06.jpg'; map7.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg07.jpg';"
name = "map4"
id = "map4" / > < img src = "http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg05.jpg"
width = "60"
height = "60"
alt = "back"
onmouseover = "MapChange.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500mg05.jpg'; map1.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg01.jpg'; map2.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg02.jpg'; map3.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg03.jpg'; map4.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg04.jpg'; map5.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sgs05.jpg'; map6.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg06.jpg'; map7.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg07.jpg';"
name = "map5"
id = "map5" / > < img src = "http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg06.jpg"
width = "60"
height = "60"
alt = "open"
onmouseover = "MapChange.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500mg06.jpg'; map1.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg01.jpg'; map2.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg02.jpg'; map3.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg03.jpg'; map4.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg04.jpg'; map5.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg05.jpg'; map6.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sgs06.jpg'; map7.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg07.jpg';"
name = "map6"
id = "map6" / > < img src = "http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sgs07.jpg"
width = "60"
height = "60"
alt = "full open"
onmouseover = "MapChange.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500mg07.jpg'; map1.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg01.jpg'; map2.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg02.jpg'; map3.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg03.jpg'; map4.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg04.jpg'; map5.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg05.jpg'; map6.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sg06.jpg'; map7.src='http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500sgs07.jpg';"
name = "map7"
id = "map7" / > < /p> <
/map> <
br / >
<
br / >
<
p > < a href = "tcm:7-2605993" > Datasheet < /a>
<
br / >
<
br / > < br / >
<
script language = "JavaScript"
type = "text/javascript" > < ![CDATA[ &
amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; lt; !--
function im() {
var a = "";
a = MapChange.src;
// alert(a);
var image = window.open(a, 'image', 'width=200,height=200');
}
// --&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;
]] > < /script> <
script language = "JavaScript"
type = "text/javascript" > < ![CDATA[ &
amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; lt; !--
window.onload = function () {
document.getElementById('ID').style.display = "none";
}
function disp_on() {
var on = document.getElementById('ID').style.display;
if (on == "none") {
document.getElementById('ID').style.display = "inline";
return true;
}
if (on == "inline") {
document.getElementById('ID').style.display = "none";
return false;
}
}
function CKmap() {
var m = document.getElementById('MapChange').src;
var c = m.length;
var x = c - 7;
var y = c - 4;
var im = m.substring(x, y);
// alert(im);
document.getElementById('m1').src = "http://imagescanner.fujitsu.com/oic/images/scansnap/ix500/ix500m" + im + ".jpg";
}
function mouseImage(x, y) {
var sx = x;
var sy = y;
document.all("ID").style.left = event.x - 10 + document.body.scrollLeft;
document.all("ID").style.top = event.y - 10 + document.body.scrollTop;
document.getElementById('m1').style.top = (70 - (sy * 2)) + "px";
document.getElementById('m1').style.left = (150 - (sx - 204) * 2) + "px";
}
document.onmousemove = mouseImage;
// 匿名関数内で実行
(function () {
// ------------------------------------------------------------
// スクロール位置を取得する関数
// ------------------------------------------------------------
function DocumentGetScrollPosition(document_obj) {
return {
x: document_obj.body.scrollLeft || document_obj.documentElement.scrollLeft,
y: document_obj.body.scrollTop || document_obj.documentElement.scrollTop
};
}
// ------------------------------------------------------------
// マウスを移動するたびに実行される関数
// ------------------------------------------------------------
function MouseMove00Func(e) {
// スクロール位置を取得
var scroll_pos = DocumentGetScrollPosition(document);
// "edit_box00_client_x" という ID のエレメントを取得
element = document.getElementById("edit_box00_client_x");
element.value = e.clientX;
x = e.clientX;
// "edit_box00_client_y" という ID のエレメントを取得
element = document.getElementById("edit_box00_client_y");
element.value = e.clientY;
y = e.clientY;
mouseImage(x, y);
}
// ------------------------------------------------------------
// イベントのリッスンを開始する
// ------------------------------------------------------------
// イベントリスナーに対応している
if (document.addEventListener) {
// マウスを移動するたびに実行されるイベント
document.addEventListener("mousemove", MouseMove00Func);
// アタッチイベントに対応している
} else if (document.attachEvent) {
// マウスを移動するたびに実行されるイベント
document.attachEvent("onmousemove", MouseMove00Func);
}
})(); <
/script> <
/body> <
/html>