html里怎么在鼠标移动到的图片(ONMOUSEOVER)上加超链接?

如题所述

第1个回答  2011-11-27
第2个回答  2011-11-27
html>
<head>
<title>one</title>
</head>
<body>
<a href="#" ><img src="11.jpg" /></a>
</body>
</html>追问



追答



funtion_image

function getImage(the_new,the_image)
{
the_new.src=the_image;
}

本回答被提问者采纳
第3个回答  2011-11-27
题目意思有点不清,我想大概是像下面这样的意思
如果用jquery的话,
假如图片id位 img
$('#img').mouseover(function() {
Location.href="http://www.baidu.com"
});追问

没加超链接的代码已经发到追问上了,帮了看下在哪加超链接。
PS:如果在“<A HREF="#"”那加的话就只显示home-over.jpg那张图片了,就不显示了home.jpg那图片了

追答

还是不太明白你的需求?

请问怎样在图片上加链接?
你是不是想禁止图片下载啊,要是这样的话,加入代码就可以了 <img src=# onmouseover=alert("对不起,禁止下载")> 其中#代表图片的地址,这样当鼠标移动到图片上的时候,就会弹出对话框‘对不起 ,禁止下载’,建议你把图片的地址设为相对路径,,并且对网页的源代码加密,这样可以防止别人通过查看源代...

html中超链接如何让鼠标悬浮上面时显示超链接的地址
例如body超链接内容为 <a href="http:\/\/www.baidu.com" title="" id="aaa">点击<\/a>在页面html后加上js代码:<script>var aa=document.getElementById("aaa");var bb=aa.attributes["href"].value;aa.title=bb;<\/script>

html使用onmouseover事件怎么设置鼠标移动到图片或者文字上在旁边弹出一...
这样:<Ahref=""><imgsrc="..\/images\/yumen.jpg"onmouseover="this.src='..\/images\/yumen1.jpg'"onmouseout="this.src='..\/images\/yumen.jpg'"width="100"height="28"><\/A>...\/\/设置一个div,但是默认却是隐藏起来的。.s1{ position: absolute;display: none;} \/\/ js function show...

如何在图片中加入链接!
或者是将要做链接的图片存放于根目录文件夹的默认图像文件夹中,然后,将要做链接的图片选中,做链接就可以了

onmouseover和onmouseout鼠标移入移出切换图片的几种实现方法
鼠标移入移出图片切换很常见的,那我们就来说说它的实现方法:第一种方法,也是最简单的一种,在html里就可实现<img class="img" src="img\/dongtai.png" onmouseover="this.src='img\/HBuilder.png'" onmouseout="this.src='img\/dongtai.png'"\/>先默认一张图片,然后在写图片移入移出的图片。第...

请问html代码之怎么添加鼠标移过图片的前后?
可以用JS代码,如上,也可以用简单的CSS实现。(现在我假设你有HTML,CSS基础。如果没的话,那就真的没办法了。这是WEB的基础啊啊~~)<style type="text\/css"> #zhanghu{ background:url(.\/1.jpg);} #zhanghu:hover{ <!--鼠标经过时--> background:url(.\/2.jpg);}<\/...

怎样在网页里面加入 用鼠标指着一个图片连接,然后连接下面就显示出图...
原理就是鼠标移动过去弹出一个层,层里面显示一个图片,比如下拉菜单,你移动到一个标题上会显示子标题,你说的那个意思就是移到菜单上,把子菜单换成图片即可,我解释下lauran的意思,你先建个层,把那个链接的行为里面有个显示隐藏,事件ONMOUSEOVER就是移上去的时候显示那个层,有ID,那个层的初始值是...

css中如何定义鼠标经过改变图片,并且可以有链接点击
不用那么麻烦,活用a标签就可以了 <style type="text\/css"> a.home {background:url(鼠标滑过之前的图片地址) no-repeat; width:100px; height:20px; display:inline-block;_float:left;} a.home:hover {background:url(鼠标滑过的图片地址) no-repeat;<\/style> <div> <a href="http:\/\/...

html鼠标移动到超链接上时,显示图片的效果怎么做的?
1、首先,打开html编辑器,新建html文件,例如:index.html,输入问题基础代码。2、在index.html中的<script>标签中,输入js代码:('a').hover(function () {$('img').css('display', 'block');})3、浏览器运行index.html页面,此时鼠标移动到超链接上,下面的图片自动显示了出来。

DW中怎么让滚动 鼠标悬停的图片加入链接呢。多的不说 直接上代码 求帮 ...
contenteditable="true",把这个地方删掉就可以了,因为你在代码里面设置了内容可编辑,浏览器就会自动把超链接给禁掉了。另外,你的这段代码如果加上了contenteditable="true",在IE8及以上版本的浏览器里面是不会有滚动效果的,如果去掉了contenteditable="true"在所有版本浏览器里都会滚动,但是不能在开始...

相似回答