图片热点调用CSS样式

上面的是一张图做了热点切割怎么把上面的图片加入下面的这种效果图鼠标移动上去会变红色下面的CSS代码我已经下载下来了但是不会用,请高手指教感谢下面的回答但是我还是不会有详细... 上面的是一张图 做了热点切割 怎么把上面的图片加入下面的这种效果图 鼠标移动上去 会变红色 下面的CSS代码我已经下载下来了 但是不会用,请高手指教
感谢下面的回答 但是我还是不会 有详细点的吗?
展开
 我来答
一骑当后
推荐于2018-05-10 · 知道合伙人数码行家
一骑当后
知道合伙人数码行家
采纳数:40298 获赞数:306435
网络、设备维护、电路、弱电检测。

向TA提问 私信TA
展开全部

  1、首先打开dw,点击设计;

  2、然后用鼠标点击你想要加热点的图片,点击选中以后,用鼠标点击左下角划热点的一种矩形工具;

  3、选择工具以后就可以在要加热点的图片上划热点了;

  4、划上热点以后在左下角添加上链接。


  在html中显示如下:

<body>
   <img src="images/loginfoot.jpg" border="0" usemap="#Map1" name="foot" width="100" height="100"/>  

    <map name="Map1">    

      <area shape="rect" coords="50,50,100,100" style="cursor:hand" href="login.jsp" /> 
      <area shape="rect" coords="0,0,50,50" style="cursor:hand" href="main.jsp"/>   

  </map>

  </body>
百度网友8f91efc6
2013-05-03 · TA获得超过664个赞
知道小有建树答主
回答量:780
采纳率:100%
帮助的人:315万
展开全部
你找到哪一部分是负责鼠标移上去会变成红色的,这样找到了,你就可以把那部分代码加到你的CSS里,这样,就有效果了.不用管他是java的,还是css的代码
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
超凡且憨厚灬饼子A
推荐于2016-10-25 · TA获得超过9400个赞
知道大有可为答主
回答量:5551
采纳率:44%
帮助的人:2389万
展开全部
要变色是a:hover状态下用css或js做背景切换,用热点做链接是不行的,要把图片单独切出来。这个这个根据你问的问题来说,你没什么相关基础,具体说起来就一言难尽了...

原理:
<a>Home</a>
<a>DHTML</a>
注意a是文字链接,而不是图片链接:
<a><img src="图片"></a>

用css给a定义背景图:
a{正常状态下的黑色背景}
a:hover{鼠标触发时的红色背景}

百度:css不规则导航
出来第一个结果就是和你这个类似的玩意,仔细看懂里面代码原理后,尝试自己在这个基础上改成你的。

还是不会的话,你应该找两本css、html的书从头学起了。
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
ctz11
2013-05-03 · TA获得超过5719个赞
知道小有建树答主
回答量:2103
采纳率:0%
帮助的人:790万
展开全部
javascript的
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式