怎么样把JS程序植入图片中！

        我想在一张图片图片中植入一个带链接的图标，有点像那种下划线广告那样的！哪个大大了解！！急需要

解决方案 »

  1.   

    不明白，是说点击图片有连接吗？
    <a href='www.sina.com'><img src='demo.jpg' /></a>
    不太明白什么叫“下划线广告”？
    没怎么浏览过太多网页，所以不太清楚，呵呵
      

  2.   

    lz是指鼠标移动到上面切换图片吗？ 
    <a href='www.sina.com'> <img src='demo.jpg' onmouseover="this.src=demo_on.jpg" onmouseout="this.src=demo.jpg" /> </a> 
      

  3.   

    div的absolute绝对位置或者html图片热区都行。
      

  4.   

    图片里加个热点就可以了，dreamweaver里可以操作。
      

  5.   

    绝对位置的DIV.更新只需要更新div里面的信息即可
      

  6.   

    ie6、firefox下通过<html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title></title>
        <script type="text/javascript">        function mouseoverHandler(oevent, ctl)
            {
                ctl = document.getElementById(ctl);
                ctl.style.top = (oevent.clientY + 10) + "px";
                ctl.style.left = (oevent.clientX + 10) + "px";
                var status = ctl.style.display;
                ctl.style.display = (status == "block") ? "none" : "block";
            }
            
        </script>
    </head>
    <body>
    <img src="o_clientXY.jpg" width="616" height="240" border="0" usemap="#Map" />
    <div id="layer1" style="position:absolute;width:200px;height:100px;border:1px solid #ccc;background-color:#fff;display:none">
    layer1
    </div>
    <div id="layer2" style="width:200px;height:100px;border:1px solid #ccc;background-color:#fff;position:absolute;display:none">
    layer2
    </div><map name="Map" id="Map">
      <area onmouseout="mouseoverHandler(event,'layer1')" onmouseover="mouseoverHandler(event,'layer1')" shape="rect" coords="56,80,96,113" href="#" />
      <area onmouseout="mouseoverHandler(event,'layer2')" onmouseover="mouseoverHandler(event,'layer2')" shape="rect" coords="416,159,463,196" href="#" />
    </map>
    </body>
    </html>
      

  7.   

    应该是div吧
    这种好像是一种很创新的广告形势
      

  8.   

    LZ的图片看不到了。随便做了个。先说IE6是不支持这个实现的，因为IE6不支持除了A以外其他标签的:hover伪类。如果想要IE6工作就把最外层的DIV换成A，里面的A换成DIV，再用onclick来跳转<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
    <title>Untitled Page</title>
    <style type="text/css">
    #img {
    display: block;
    position: relative;
    float: left;
    }
    #img .adv {
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    }
    #img:hover .adv {
    display: block;
    }
    </style>
    </head>
    <body>
    <div id="img" href="#" onclick="return false;">
    <img src="http://www.google.com/intl/en_ALL/images/logo.gif" />
    <div class="adv">
    <a href="http://www.google.com">Click Me!</a>
    </div>
    </div>
    </body>
    </html>
      

  9.   

    http://plugins.learningjquery.com/cluetip/demo/
    或者
    http://www.codylindley.com/blogstuff/js/jtip/不同的是把例子里面是链接
    你要的是图片上的某个位置
    你用浮动层在图片上定位或者用Maps,然后的用法就跟例子一摸一样了
    Maps的例子你可以参考这个最下面图片例子http://www.codylindley.com/blogstuff/js/jtip/
      

  10.   

    发错链接了  Maps的是这个 http://jquery.bassistance.de/tooltip/demo/