大神，HTML网页编程的鼠标放到图片上，有另一个图片出来，代码是多少
你的css修改的是a标签的背景；
a标签中的内容把a标签的背景遮住了；
很不规范的写法，不建议给a标签添加宽度、背景之类的属性；
你的hover样式没必要重复sy1的初始样式。
因为1、2两点，即使你的背景是有变化的，你也看不到，始终只能看到sy1.png的内容。
你可以把div里面的a标签和img标签删掉，并将css中的a删掉，改为对sy1的样式。
然后链接的话你可以在div中加入onclick="window.open('链接地址')"：
.sy1 { width:248px; height:42px; position:absolute; bottom:-42px; background:url(images/sy1.png); display:block;}.sy1:hover { background:url(images/sy2.png);}
以下是正常的使用方式。
CSS:
.nav a{background:url(img1.jpg) no-repeat; display:block;width:100px; height:100px;}
.nav a:hover{background:url(img2.jpg) no-repeat;}
HTML:
淘宝就有所不同。因为淘宝不能使用。所以不能实现你所说的效果，除非你是淘宝设计师。可以自己制作自定义模版。
下面是比较正式的教程：
定义和用法
:hover 伪类在鼠标移到元素上时向此元素添加特殊的样式。
说明
这个伪类应用处于“悬停状态”的元素。悬停定义为用户指示了一个元素但没有将其激活。对此最常见的例子是将鼠标指针移到 HTML 文档中一个超链接的边界范围内。理论上，其他元素也可以处于悬停状态，不过 CSS 没有定义究竟是哪些元素。
激活的、已访问的、未访问的或者当有鼠标悬停在其上的链接，它们会在支持 CSS 的浏览器中以不同的方式显示出来：
a:link {color: #FF0000} /* 未访问的链接 */
a:visited {color: #00FF00} /* 已访问的链接 */
a:hover {color: #FF00FF} /* 当有鼠标悬停在链接上 */
a:active {color: #0000FF} /* 被选择的链接 */
注释：为了产生预期的效果，在 CSS 定义中，a:hover 必须位于 a:link 和 a:visited 之后！！
注释：为了产生预期的效果，在 CSS 定义中，a:active 必须位于 a:hover 之后！！
注释：Pseudo-class（伪类）的名称对大小写不敏感。
注释：伪类可与 CSS 类配合使用：
a.red:visited {color: #FF0000;}
CSS Syntax
如果上面这个例子中的链接已访问过，那么它会显示为红色。
实例
规定链接的颜色：
a:link {color: #FF0000} /* 未访问的链接 */
a:visited {color: #00FF00} /* 已访问的链接 */
a:hover {color: #FF00FF} /* 当有鼠标悬停在链接上 */
a:active {color: #0000FF} /* 被选择的链接 */
浏览器支持
所有主流浏览器都支持 :hover 伪类。
'定义一个放大图层
<div id='otherlayer' style='....'><IMG id='enlargedpic' src='' height=500 width=500></div>
'实际显示图部分
<div>
<img src='pic.jpg' onmouseover='javascript:showbigpic(1);' onmouseout='showbigpic(0);'>
</div>
'鼠标经过时触发的事件处理
showbigpic(id)
{
var infoDiv = document.getElementById('otherlayer');
if(idx==1){
document.getElementsByName("'enlargedpic'")[0].src = pic;
infoDiv.style.visibility = "visible";
} else{
infoDiv.style.visibility = "hidden";
}
}
<html>
<head>
<script type="text/javascript">
function mouseOver()
{
document.getElementById('b1').src ="/i/eg_mouse.jpg"
}
function mouseOut()
{
document.getElementById('b1').src ="/i/eg_mouse2.jpg"
}
</script>
</head>
<body>
<a href="http://www.w3school.com.cn"
onmouseover="mouseOver()" onmouseout="mouseOut()">
<img alt="Visit W3School!" src="/i/eg_mouse2.jpg" id="b1" />
</a>
</body>
</html>
参考自 http://www.w3school.com.cn/jsref/event_onmouseover.asp
用onMouseOver这个事件。鼠标经过的时候 弹出图片来
html 在一个超链接上面,鼠标移动上去时,也显示一串文字,如何实现
答：html中超链接使用“href标签”上面的文字使用“title标签”，使用方式如下：<a href="超链接内容" target="点击超链接的弹出方式" title="悬浮文字，就是你鼠标放上去想要的内容">页面上超链接的显示</a> 示例如下：=== <html> <head> <meta charset="UTF-8"> <title>Html的超链接悬浮文字</t...
求更改网页html里鼠标指针样式的代码(具体问题看下面详细内容)
答：你还，指针cur文件的路径，你写绝对路径试试。style="cursor:url(你的域名/images/Arrow.cur)"Arrow.cur 写你的域名+/images/Arrow.cur。写完整的url路径
哪位大神用html5的canvas写一个:一个箭头鼠标在屏幕上放在那里,箭头就...
答：<!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><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</...
html编程题完成下面代码。代码实现图片的翻转;当打开网页时,网页显示...
答：给图片两个事件，一个onmouseover事件，js方法是把图片src改为图片2的。一个onmouseout事件，js方法是把图片src还原为图片1的。显示还剩多少天可以用一个body的onload事件，方法是获得日期，计算下距离你指定时间还有多久，可以在页面里写个div给个id然后把计算结果显示到这个div中。
HTML 改变鼠标图标
答：我做的全部在下面 ，自己看看，不懂的在问问我 <HTML> <HEAD> <META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0"> <TITLE>字符跟随鼠标</TITLE> <style type="text/css"> .spanstyle {COLOR: #ffd8ff; FONT-FAMILY: 宋体; FONT-SIZE: 10pt; POSITION: absolute; TOP: -50px...
怎样用鼠标操作网页
答：CTRL+F5刷新页面同时刷新缓存 ESC停止下载页面 收藏夹中心快捷键 CTRL+I打开收藏夹 CTRL+SHIFT+I以固定模式打开收藏夹 CTRL+B整理收藏夹 CTRL+D将当前页添加到收藏夹 CTRL+J打开 Feeds CTRL+SHIFT+J以固定模式打开 Feeds CTRL+H打开历史 CTRL+SHIFT+H以固定模式打开历史 标签快捷键 CTRL+ 鼠标左键 ...
HTML怎样做到下面的效果,当鼠标放到那会跳出这个效果
答：function(){ ('.nav .menu_list').hover(function(){ (this).children('.sub_01').css('display','block');},function(){ (this).children('.sub_01').css('display','none');} );/* .menu_list是“个人及。。用户”的类名，#sub_01为下边那层的类名 */ } );注意：html页的...
急求各种网页鼠标特效代码(只要代码,不要网址)
答：跟随鼠标很逼真的弹性小球<html><head><title>网页特效|Linkweb.cn/Js|---跟随鼠标很逼真的弹性小球</title></head><body><!--将以下代码加入HTML的<Body></Body>之间--><DIV id=dot0 style="HEIGHT: 16; POSITION: absolute; VISIBILITY: hidden; WIDTH: 11; left:10; top:15"><IMG height=11 ...
