b 网页中如何在图片热区上加“设为主页”和“加入收藏”代码?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了b 网页中如何在图片热区上加“设为主页”和“加入收藏”代码?相关的知识,希望对你有一定的参考价值。

是热区,不是文字链接啊
<map name="Map">
<area shape="rect" coords="694,8,755,26" href="#">
<area shape="rect" coords="801,7,865,25" href="#">
<area shape="rect" coords="909,7,976,27" href="lianxi.htm">
</map>
在这上面加,要如何加啊?

热区和文字链接差不多,你把<area>看成<a>就行了.
代码整理如下:
<map name="Map">
<area shape="rect" coords="694,8,755,26" onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://你的网址/');return false;" href="javascript:void(null)">
<area shape="rect" coords="801,7,865,25" href="javascript:void(null);window.external.AddFavorite('http://你的网址/', '标题')">
<area shape="rect" coords="909,7,976,27" href="lianxi.htm">
</map>
第一个热区为"设为主页",第二个热区为"添加收藏",第三个热区是链接到你的网页lianxi.htm
注意:<map>与<img>要同时使用....
参考技术A <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Center.aspx.cs" Inherits="Web.Admin.Center" %>

<!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 runat="server">
<title>管理中心</title>
<script src="../scripts/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function ()
$("#addcollect").click(function ()
var url = "http://192.168.1.109/boyu/admin/login.aspx";
var title = "管理系统";
if (window.sidebar) // Mozilla Firefox Bookmark
window.sidebar.addPanel(title, url, "");
else if (document.all && window.external) // IE Favorite
try
window.external.AddFavorite(url, title);
catch (e)
window.external.addToFavoritesBar(url, title, 'slice');

else if (window.opera) // Opera 7+
$("#addcollect").href = url;
$("#addcollect").title = title;
$("#addcollect").rel = "sidebar";
else //Chrome不好处理
alert("浏览器不支持该操作,尝试快捷键 Ctrl + D !");

);
);
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
此软件仅供个人技术练习和测试使用,推荐使用google浏览器,视频观看推荐IE浏览器,更多功能将逐渐增加,若喜欢可以<a href="javascript:void(0)" id="addcollect" >点击此处</a>进行收藏,由此带来的不便敬请谅解。祝大家快乐每一天。
</div>
</form>
</body>
</html>

如何在一张图片上设置多个热区

如何在一张图片上设置多个热区 有教程的话 能把链接发一下么

参考技术A <img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" />

<map name="planetmap" id="planetmap">
<area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" />
<area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />
<area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" />
</map>

以上是关于b 网页中如何在图片热区上加“设为主页”和“加入收藏”代码?的主要内容,如果未能解决你的问题,请参考以下文章

html中map area 热区自适应的原生js实现方案

为啥我把图片放在dreamweaver里加了热区之后再放进网站里图片就会变了不清晰呢?

京东手机端装修 热区组件怎么用

DW怎么将一个图片分割成多个热区,并且将这个图片应用到淘宝店铺中。本人只会PS,完全不懂DW,请大神赐教

(2012-02-03 老物搬运)去除图片热区焦点框

用html编一个程序,在网页上插入幻灯片式的动画图片,并且每个图片有个超链接