<form id="hz9zz"></form>
  • <form id="hz9zz"></form>

      <nobr id="hz9zz"></nobr>

      <form id="hz9zz"></form>

    1. 明輝手游網中心:是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺!

      使用來巧妙完成map技巧...

      [摘要]大家都熟悉HTML標記里的MAP標記吧~,他可以將一個圖片進行多個熱鏈接定位,也就是說一個圖片可以鏈接到N個文件~我現在所說的是,這一個圖片他所鏈接只有一個文件~呵呵,別拋磚頭~,你恐怕說直接用一個...
      大家都熟悉HTML標記里的MAP標記吧~,他可以將一個圖片進行多個熱鏈接定位,也就是說一個圖片可以鏈接到N個文件~

      我現在所說的是,這一個圖片他所鏈接只有一個文件~

      呵呵,別拋磚頭~,你恐怕說直接用一個<a>標記不就可以鏈接了嗎?
      等等,
      你稍微等一下嘛~,讓我繼續說下去~

      我需要在下一個頁面進行操作,也就是說一個圖片在不傳遞參數的情況下,要讓下一個頁面要有不同的反映動作,怎么說呢?
      比如說

      A、通過點擊圖片左上我要進如pagea.php 右上我要進pageb.php
      如此,你也許要說用MAP直接鏈接就行了,但我要在這個頁面對上一頁面進行統計,
      怎么辦呢?`


      別急~

      HTML標記
      <input TYPE="image" NAME="thisname" SRC="path/image">

      PHP對此標記支持的自動生成兩個變量
      $_POST[thisname_x] --鼠標點擊圖片的X位置
      $_POST[thisname_y] --鼠標點擊圖片的Y位置

      呵呵,看到這里曉得了如何操作了吧~,下面我給個簡單的示例(直接拷貝過去就可以了,如果改的話把圖片改為你的正確的圖片路徑就可以了~)~


      演示:
      ======


      index.html
      ----------
      <html>
      <head>
      <title>測試信息</title>
      </head>
      <body>
      <form action="post.php" method="post" name="form1">
      <input type="hidden" name="image" value=http://cfan.net.cn/info/"bg.jpg">
      <input type=image src=http://cfan.net.cn/info/"bg.jpg" name="sub">
      </form>
      </body>
      </html>


      post.php
      <html>
      <head>
      <title>操作...</title>
      </head>
      <body>
      <pre>
      <?php
      $c=getimagesize("$_POST[image]");//獲得圖片尺寸

      if($_POST[sub_x]<$c[0]/2){//鼠標點擊圖片X位置為圖片左半部

      if($_POST[sub_y]<$c[1]/2){//鼠標點擊圖片的Y位置為上半部
      echo "你點擊了圖片的左上半部分 x={$_POST[sub_x]} y={$_POST[sub_y]}";
      }else{
      echo "你點擊了圖片的左下半部分 x={$_POST[sub_x]} y={$_POST[sub_y]}";
      }
      }else{
      if($_POST[sub_y]<$c[1]/2){//鼠標點擊圖片的Y位置為下半部
      echo "你點擊了圖片的右上半部分 x={$_POST[sub_x]} y={$_POST[sub_y]}";
      }else{
      echo "你點擊了圖片的右下半部分 x={$_POST[sub_x]} y={$_POST[sub_y]}";
      }
      }
      ?>
      </pre>
      <!--
      圖片走向

        0
        --+----------------------------------------------------→x++(圖片的寬度)
        
        
        
       
       
        
       
        
       ↓(Y++圖片的高度)
      -->
      </body>
      </html>


      以上是個人對這個image提交變量的簡單應用,如果你有巧妙的創意~

      肯定可以做出一個圖形作為引導的站點~


      日韩精品一区二区三区高清