かんたん作成.com【HTML,CSS,JavaScript,CGI,PHP】

■かんたんアクセス解析
自作ＣＧＩによるアクセス解析の方法。アクセスログ取得(JavaScript･CGI)～保存(CGI)～集計・解析(CGI)。アクセス解析はアクセスアップや検索エンジン対策(SEO)には必須。

■オークション商品説明かんたん作成
HTMLタグ知識なしで綺麗で目立つオークション出品商品説明を簡単に作成。 Yahooオークション,楽天フリマ,ビッダーズオークション対応。

■アフィリエイト用HTMLテンプレート集
すぐに使えるHTMLテンプレート集。アフィリエイトページを簡単に作成。コピーしてお持ち帰りＯＫ！！

■プログラムかんたん変換
HTMLやプログラム内のタブ・改行・半角スペース等を一括変換/一括削除。自動改行されるブログ等で不要な改行も簡単に削除。

スマートスクウェア
業界ＴＯＰクラスの『高機能』『多機能』『低価格』レンタルサーバNTTスマートコネクトがご提供する、信頼のホスティングサービスです。メール10個＋300MB＋ウィルスチェック付＝2,625円　安心価格！基本機能は50種類以上！多くの機能が追加料金なしで利用可。最高クラスのデータセンターでサーバを運用 10.1Gbpsのバックボーン環境が快適な配信を実現

1800カウンター
無料カウンター　アクセス解析つき　日本最大級のカウンター数なんと１８００種類以上！お気に入りのカウンターが必ずみつかるはず！設置が簡単。デザイン、桁数が選べる。二重カウント防止。表示が速い。アクセス解析できちゃう。昨日、今日のカウンターの表示可能。もちろん無料！！

BB.excite
【BB.excite】Bフレッツ工事費・接続料無料キャンペーン実施中！光ファイバー（Ｂフレッツ）の導入を検討しているお客様に朗報！Bフレッツ工事費・接続料無料！

画像の重ね合わせ順序変更（zIndex）

<html>
<head>
<title>画像の重ね合わせ順序変更</title>
   <script language="javascript">
   <!--
   function change(n) {
      if(n == 1) {
         img1.style.zIndex = 3
         img2.style.zIndex = 1
         img3.style.zIndex = 2
      }
      else if(n == 2) {
         img1.style.zIndex = 1
         img2.style.zIndex = 3
         img3.style.zIndex = 2
      }
      else if(n == 3) {
         img1.style.zIndex = 1
         img2.style.zIndex = 2
         img3.style.zIndex = 3
      }
   }
   //-->
   </script>
   <style type="text/css">
   <!--
   #img1   {
      position:   absolute;
      z-index:   0;
      top:      50px;
      left:      50px;
      border:      2px #f00 solid;
   }
   #img2   {
      position:   absolute;
      z-index:   1;
      top:      100px;
      left:      100px;
      border:      2px #f00 solid;
   }
   #img3   {
      position:   absolute;
      z-index:   2;
      top:      150px;
      left:      150px;
      border:      2px #f00 solid;
   }
   //-->
   </style>

</head>
<body>
<p>画像をクリックすると前面に来ます。</p>
<img src="../img/img.jpg" id="img1" alt="画像1" onclick="change(1)">
<img src="../img/img.jpg" id="img2" alt="画像2" onclick="change(2)">
<img src="../img/img.jpg" id="img3" alt="画像3" onclick="change(3)">
</body>
</html>

実行する

当サイトはリンクフリーです。

	<a href="http://www.kantansakusei.com/">かんたん作成.com【HTML,CSS,JavaScript,CGI,PHP】</a>