|
/mnt/disks/kimuko-static/html/mk/ |
| Current File : /mnt/disks/kimuko-static/html/mk/index.html |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>電気設備工事 MK電気</title>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.mousewheel.min.js"></script>
<script type="text/javascript">
$(function() {
//コンテンツの横サイズ
var cont = $('#contents');
var contW = $('.section').outerWidth(true) * $('div',cont ).length;
cont.css('width', contW);
//スクロールスピード
var speed = 50;
//マウスホイールで横移動
$('html').mousewheel(function(event, mov) {
//IE
$(this).scrollLeft($(this).scrollLeft() - mov * speed);
//webkit
$('body').scrollLeft($('body').scrollLeft() - mov * speed);
return false; //縦スクロール不可
});
$('#nav a').click(function(event) {
var $anchor = $(this);
$('html, body').stop().animate({
scrollLeft: $($anchor.attr('href')).offset().left
}, 600);
event.preventDefault();
});
});
</script>
<link href="main.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="contents">
<!-- <ul id="nav">
<li><a href="#s01">1</a></li>
<li><a href="#s02">2</a></li>
<li><a href="#s03">3</a></li>
<li><a href="#s04">4</a></li>
</ul>-->
<div id="s01" class="section">
<p><a href="1.html"><img src="img/1.jpg"
alt=""
title="MK電気 〒537-0023 大阪市東成区玉津2-12-14 Tel 06-6748-0525 Fax 06-6748-0526" /></a></p>
</div>
<div id="s02" class="section">
<p><a href="2.html"><img src="img/2.jpg"></a></p>
</div>
<div id="s03" class="section">
<p><a href="3.html"><img src="img/3.jpg" /></a></p>
</div>
<div id="s04" class="section">
<p><a href="4.html"><img src="img/4.jpg"></a></p>
</div>
<!-- /#contents --></div>
<div class="copyright"><a href="http://www.yocojiwa.net/">(c)ヤマサキミノリ</a></div>
</body>
</html>