使用來巧妙完成map技巧...
發表時間:2023-08-20 來源:明輝站整理相關軟件相關文章人氣:
[摘要]大家都熟悉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提交變量的簡單應用,如果你有巧妙的創意~
肯定可以做出一個圖形作為引導的站點~