| 网站首页 | 硬件维修 | 应用学院 | 网络组建 | 网站制作 | 菜鸟黑客 | 编程之道 | 数码大全 | 娱乐休闲 | 软件下载 | 在线视频 | 请您留言 | 技术论坛 | 
专 题 栏 目
最 新 热 门
最 新 推 荐
相 关 文 章
  • 用javascript实现利用FL…

  • javascript实例教程(20)…

  • javascript实例教程(20)…

  • javascript实例教程(20)…

  • javascript实例教程(20)…

  • javascript实例教程(20)…

  • javascript实例教程(20)…

  • javascript实例教程(20)…

  • 如何实现iframe(嵌入式帧)的…

  • 预装载以及javascript I…

  • Q
    您现在的位置: 我是IT人 >> 网站制作 >> php >> 文章正文
    利用来巧妙实现map功能         
    利用来巧妙实现map功能
    作者:网络 文章来源:转载 点击数: 更新时间:2005-8-13
    [ 字体:缩小 正常 放大 | 双击自动滚屏 ]
    请选择合适的字体颜色:


    大家都熟悉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="bg.jpg">
    <input type=image alt=利用来巧妙实现map功能 src="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提交变量的简单应用,如果你有巧妙的创意~

    肯定可以做出一个图形作为引导的站点~

    [1]

    文章录入:小秦    责任编辑:小秦 
  • 上一篇文章:

  • 下一篇文章:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    | 设为首页 | 加入收藏 | 联系站长 | 关于我们 | 友情链接 | 版权申明 |