收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 4894|回复: 5

css 鼠标经过图片定位变换问题

[复制链接]
发表于 2007-9-7 23:54:10 | 显示全部楼层 |阅读模式
如题/我想在鼠标指向时出来在右手边的图都是在同一个位置.
哪位大哥帮帮小弟,小弟在此谢啦


 提示:您可以先修改部分代码再运行

发表于 2007-9-8 00:15:00 | 显示全部楼层
用JS就可以了
回复 支持 反对

使用道具 举报

发表于 2007-9-8 04:57:28 | 显示全部楼层

 提示:您可以先修改部分代码再运行

回复 支持 反对

使用道具 举报

发表于 2007-9-8 06:56:49 | 显示全部楼层
caiying2007  高手啊。
回复 支持 反对

使用道具 举报

发表于 2007-9-8 10:11:26 | 显示全部楼层
ie7里面有bug
回复 支持 反对

使用道具 举报

发表于 2016-12-21 19:30:59 | 显示全部楼层

css 鼠标经过图片定位变换问题


请问,这种 鼠标经过图片时,为什么切换的图片全都固定在第一张原始图片的位置,能帮我定位到其他地方么
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>sss</title>

<link rel="stylesheet" type="text/css" href="css/index.css"/>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>

<body onLoad="MM_preloadImages('images/Ashe_xt.jpg','images/Caitlyn_xt.jpg','images/Ezreal_xt.jpg','images/Jinx_xt.jpg','images/Kalista_xt.jpg','images/Vayne_xt.jpg','images/Tristana_xt.jpg','images/Sivir_xt.jpg','images/Lucian_xt.jpg','images/MissFortune_xt.jpg')">

<table class="tab">
  <tbody>
    <tr>
      <td><a href="Ashe.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image11','','images/Ashe_xt.jpg',1)"><img src="images/Ashe.png" alt="" width="120" height="120" id="Image11"></a></td>
      <td><a href="Caitlyn.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image11','','images/Caitlyn_xt.jpg',1)"><img id="Image" src="images/Caitlyn.png" alt=""></a></td>
      <td><a href="Ezreal.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image11','','images/Ezreal_xt.jpg',1)"><img src="images/Ezreal.png" alt="" width="120" height="120" id="Image2"></a></td>
      <td><a href="Jinx.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image11','','images/Jinx_xt.jpg',1)"><img src="images/Jinx.png" alt="" width="120" height="120" id="Image3"></a></td>
      <td><a href="Kalista.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image11','','images/Kalista_xt.jpg',1)"><img src="images/Kalista.png" alt="" width="120" height="120" id="Image4"></a></td>
    </tr>
    <tr>
      <td><a href="Vayne.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image11','','images/Vayne_xt.jpg',1)"><img src="images/Vayne.png" alt="" width="120" height="120" id="Image5"></a></td>
      <td><a href="Tristana.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image11','','images/Tristana_xt.jpg',1)"><img src="images/Tristana.png" alt="" width="120" height="120" id="Image6"></a></td>
      <td><a href="Sivir.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image11','','images/Sivir_xt.jpg',1)"><img src="images/Sivir.png" alt="" width="120" height="120" id="Image7"></a></td>
      <td><a href="Lucian.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image11','','images/Lucian_xt.jpg',1)"><img src="images/Lucian.png" alt="" width="120" height="120" id="Image8"></a></td>
      <td><a href="MissFortune.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image11','','images/MissFortune_xt.jpg',1)"><img src="images/MissFortune.png" alt="" width="120" height="120" id="Image9"></a></td>
    </tr>
  </tbody>
</table>
</body>
</html>
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( ICP05002321 )  

GMT+8, 2019-11-16 07:05 , Processed in 0.109098 second(s), 7 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表