网页图片链接鼠标移动上去会动一下,如何解决?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了网页图片链接鼠标移动上去会动一下,如何解决?相关的知识,希望对你有一定的参考价值。
我做了一个网页,其中给图片加了链接,现在问题上鼠标挪到图片上时,图片会动一下,而实际上是不想让它动的。高手看看www.guolairen.com,鼠标挪到LOGO等图片上去,就可以看到效果。找了一个UI说在每个<table 里增加一个 class 但是没解决。请高手指点
页面是这样做的,在index.asp里调用了几个head.asp和foot.asp的。
a:hover color: #336699; text-decoration: none; position: relative; right: 0px; top: 1px
改成:
a:hover color: #336699; text-decoration: none; 参考技术A 新建一个CSS,如:
.logoLink:link
text-decoration: none;
.logoLink:visited
text-decoration: none;
.logoLink:hover
text-decoration: none;
然后在要链接的图片的<a>标签上加该CSS,即:
<a href="" class=logoLink>....</a>
HTML代码 实现图片滚动,鼠标放上去停止并且图片放大
<html>
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
</head>
<body background="images/yini-bcknd1.jpg">
<div id="butong_net_right" style="overflow:hidden;width:1149px;height:246px">
<table cellpadding="0" cellspacing="0" border="0">
<tr><td id="butong_net_right1" valign="top" align="center">
<table cellpadding="2" cellspacing="0" border="0">
<tr align="center">
<td width="176">
<img src="images/110610144398135-160x160.jpg" width="240" height="150"></td>
<td width="240">
<img src="images/n-ad.jpg" width="240" height="150"></td>
<td>
<img src="images/x_large_EG1E_1cfe00000dd91262.jpg" width="240" height="150"></td>
<td>
<img src="images/6194cb1387f7f909dd540190.jpg" width="240" height="150"></td>
<td>
<img src="images/20120102112707_WaZEP1副本.jpg" width="133" height="157"></td>
<td width="4"> </td>
</tr>
</table>
</td>
<td id="butong_net_right2" valign="top"></td>
</tr>
</table>
</div>
<script>
var speed=10//速度数值越大速度越慢
butong_net_right2.innerHTML=butong_net_right1.innerHTML
function Marquee4()
if(butong_net_right.scrollLeft<=0)
butong_net_right.scrollLeft+=butong_net_right2.offsetWidth
else
butong_net_right.scrollLeft--
var MyMar4=setInterval(Marquee4,speed)
butong_net_right.onmouseover=function() clearInterval(MyMar4)
butong_net_right.onmouseout=function() MyMar4=setInterval(Marquee4,speed)
</script>
</body>
这是图片滚动的,我不知道该怎么插入鼠标移上去图片放大的代码
</html>
要鼠标悬浮效果干吗不用onmousemove和onmouseout结合使用? 参考技术B 用css来控制图片的大小追问
不懂- -能具体代码吗
以上是关于网页图片链接鼠标移动上去会动一下,如何解决?的主要内容,如果未能解决你的问题,请参考以下文章
网页设计 图片轮播,将鼠标放在图片上,图片会自动播放,代码怎么改?
网页资源黄色大气主题html5 css3静态网页作业模版免费下载