使用來巧妙完成map技巧...
發(fā)表時(shí)間：2023-08-20 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]大家都熟悉HTML標(biāo)記里的MAP標(biāo)記吧~，他可以將一個(gè)圖片進(jìn)行多個(gè)熱鏈接定位，也就是說一個(gè)圖片可以鏈接到N個(gè)文件~我現(xiàn)在所說的是，這一個(gè)圖片他所鏈接只有一個(gè)文件~呵呵，別拋磚頭~，你恐怕說直接用一個(gè)...
大家都熟悉HTML標(biāo)記里的MAP標(biāo)記吧~，他可以將一個(gè)圖片進(jìn)行多個(gè)熱鏈接定位，也就是說一個(gè)圖片可以鏈接到N個(gè)文件~
我現(xiàn)在所說的是，這一個(gè)圖片他所鏈接只有一個(gè)文件~
呵呵，別拋磚頭~，你恐怕說直接用一個(gè)<a>標(biāo)記不就可以鏈接了嗎？
等等，
你稍微等一下嘛~，讓我繼續(xù)說下去~
我需要在下一個(gè)頁面進(jìn)行操作，也就是說一個(gè)圖片在不傳遞參數(shù)的情況下，要讓下一個(gè)頁面要有不同的反映動作，怎么說呢？
比如說
A、通過點(diǎn)擊圖片左上我要進(jìn)如pagea.php 右上我要進(jìn)pageb.php
如此，你也許要說用MAP直接鏈接就行了，但我要在這個(gè)頁面對上一頁面進(jìn)行統(tǒng)計(jì)，
怎么辦呢？`
別急~
HTML標(biāo)記
<input TYPE="image" NAME="thisname" SRC="path/image">
PHP對此標(biāo)記支持的自動生成兩個(gè)變量
$_POST[thisname_x] --鼠標(biāo)點(diǎn)擊圖片的X位置
$_POST[thisname_y] --鼠標(biāo)點(diǎn)擊圖片的Y位置
呵呵，看到這里曉得了如何操作了吧~，下面我給個(gè)簡單的示例（直接拷貝過去就可以了，如果改的話把圖片改為你的正確的圖片路徑就可以了~）~
演示：
======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){//鼠標(biāo)點(diǎn)擊圖片X位置為圖片左半部
if($_POST[sub_y]<$c[1]/2){//鼠標(biāo)點(diǎn)擊圖片的Y位置為上半部
echo "你點(diǎn)擊了圖片的左上半部分 x={$_POST[sub_x]} y={$_POST[sub_y]}";
}else{
echo "你點(diǎn)擊了圖片的左下半部分 x={$_POST[sub_x]} y={$_POST[sub_y]}";
}
}else{
if($_POST[sub_y]<$c[1]/2){//鼠標(biāo)點(diǎn)擊圖片的Y位置為下半部
echo "你點(diǎn)擊了圖片的右上半部分 x={$_POST[sub_x]} y={$_POST[sub_y]}";
}else{
echo "你點(diǎn)擊了圖片的右下半部分 x={$_POST[sub_x]} y={$_POST[sub_y]}";
}
}
?>
</pre>
<!--
圖片走向
0
--+----------------------------------------------------→x++(圖片的寬度)
↓（Y++圖片的高度）
-->
</body>
</html>
以上是個(gè)人對這個(gè)image提交變量的簡單應(yīng)用，如果你有巧妙的創(chuàng)意~
肯定可以做出一個(gè)圖形作為引導(dǎo)的站點(diǎn)~
