Hatena::ブログ(Diary)

hansolostar1810の日記

2012-10-03 ポートフォリオ作りました。(改良版)

20121003180745

一応、軽い説明を、この私の名前の書かれた本の

角にマウスをあわせてクリックしたまま移動すると

ページがめくれる仕組みになってます。

ページ内の画像をクリックするとリンクになっており

紹介された、サイトと同じページになっています。

2012-09-27 サイトの更新です

20120927182319

更新しました。

2012-09-11

f:id:hansolostar1810:20120912155909p:image


画面サイズごとのデザイン

の練習。

2012-09-08 以前作ったスマートフォーミーのサイト

f:id:hansolostar1810:20120909020124p:image

smart4me

忘れないうちにあげときます。

2012-09-04 googleapi

<html lang="ja">

<head>

<title>Google Maps API</title>

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&language=ja"></script>

// ■地図初期化し表示 function initialize() { // ■地図を表示する緯度経度を指定する var latlng = new google.maps.LatLng(-6.211544, 106.845172); // ■地図必須プロパティを設定 var myOptions = { // ■ズームレベルの指定 0〜17 zoom: 14, // ■地図の中心を指定(上記で設定の緯度経度latlng) center: latlng, // ■地図のタイプ設定 //  ROADMAP:デフォルト、SATELLITE:写真タイル、HYBRID:写真タイルと主要な機能、TERRAIN:物理的な起伏を示すタイル mapTypeId: google.maps.MapTypeId.ROADMAP };// 地図プロパティここまで // ■

と結びつけて、その領域に地図を描く var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); // ■中心にマーカーの表示 var marker1 = new google.maps.Marker({ position: latlng, title:"ジャカルタ" }); marker1.setMap(map); // ■マーカーの追加表示(緯度経度指定の場合) var myLatlng = new google.maps.LatLng(48.856614, 2.352222); var marker2 = new google.maps.Marker({ position: myLatlng, title:"パリ" }); marker2.setMap(map); //■マーカーをクリックしたら、情報 ウィンドウを表示 var marker1text = 'ここはジャカルタです' var infowindow1 = new google.maps.InfoWindow({ content: marker1text, maxWidth:200 }); google.maps.event.addListener(marker1, 'click', function() { >|html| infowindow1.open(map,marker1); }); var marker2text = 'ここはパリです' var infowindow2 = new google.maps.InfoWindow({ content: marker2text, maxWidth:200 }); google.maps.event.addListener(marker2, 'click', function() { infowindow2.open(map,marker2); }); }//initialize() </script>

</head>

<body onload="initialize()">

Connection: close