鼠标经过显示不同图片

原创 2006年06月01日 13:18:00
<SCRIPT LANGUAGE="JavaScript">
var a = new Image();
var b = new Image();
var c = new Image();

a.src = "../../../yanyanyan/me/me/4.jpg";
b.src = "../../../yanyanyan/me/me/3.jpg";
c.src = "../../../yanyanyan/me/me/2.jpg";

function doButtons(picimage) {
eval("document['picture'].src = " + picimage + ".src");
}
</script>

</head>

<body>

<table width="407" height="201" border=0 cellpadding="0" cellspacing="0" bgcolor="#333333">
  <tr><td width="110" align="center">
<p>
<a href="#" onmouseover="doButtons('a')">PHOTO 1</a><p>

<a href="#" onmouseover="doButtons('b')">PHOTO 2</a><p>

<a href="#" onmouseover="doButtons('c')">PHOTO 3</a><p>
<td width="297"><img name=picture src="../../../yanyanyan/me/me/4.jpg" width=294 height=345 border=0></td>
</tr>
</table>

图片交替显示及鼠标滑过更换图片

图片交替显示及鼠标滑过更换图片 鼠标滑过更换图片: function mouseOver(){ docum...
  • facecrazy
  • facecrazy
  • 2016年06月03日 17:53
  • 1239

Dreamweaver 简单实现鼠标经过图片变换的方法

今天弄一下网页设计,想实现一个鼠标经过图片变换的功能,发觉Dreamweaver里面实现这个功能真的是太方便了,下面举个例子来看看。注:我们的图片是放在站内的 images文件夹里代码示例:其它类型的...
  • fjnu2008
  • fjnu2008
  • 2010年05月07日 12:24
  • 2236

鼠标滑过图片,图片上出现一个遮罩层并显示图片的提示文字

html的内容:                                   //图片                       //提示文字                ...
  • qq_33769914
  • qq_33769914
  • 2016年07月19日 23:07
  • 5388

鼠标经过图片,图片在其它的地方变…

效果:http://www.jscode.cn/jave_img/350710717.htm 网页特效|jscode.cn|---简单的图片放大展示效果 .spic a img{-moz-o...
  • haibo0668
  • haibo0668
  • 2016年06月02日 12:52
  • 104

鼠标滑过显示图片大图效果

描述: 当用户将鼠标放到 图片上时,显示图片的大图。 效果图: 说明: 用到了mouseover、mouseout、mousemove三个事件,分别表示鼠标滑过图片、鼠标移除图片、鼠标...
  • QianShouYuZhiBo
  • QianShouYuZhiBo
  • 2014年06月06日 21:46
  • 2789

鼠标滑过图片,在图片上出现提示的文字

这里是新闻标题简要介绍一下吗素冠荷鼎更待何时大好时光大好时光的还是                         2013-4-12                             ...
  • qq_33769914
  • qq_33769914
  • 2016年08月04日 17:32
  • 1071

js鼠标经过文字显示图片预览,jquery效果

.wrap { position:relative; } ...
  • erpenggg
  • erpenggg
  • 2017年04月19日 10:22
  • 1843

鼠标经过,图片会放大(从中心位置放大)

js部分:  //鼠标经过a标签,对应的图片会放大效果         var zoom = 1.03;         var width = $(this).find(".move_...
  • u012011360
  • u012011360
  • 2015年01月22日 19:01
  • 3276

CSS代码鼠标经过图片变换图片

  • haibo0668
  • haibo0668
  • 2016年11月17日 23:49
  • 2044

【JavaScript】js可以直接使用的鼠标经过切换图片

js实现简单的鼠标经过切换图片,鼠标移出图片还原。代码如下 window.onload=function() { var oIm...
  • liu_jiachen
  • liu_jiachen
  • 2017年08月03日 19:56
  • 237
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:鼠标经过显示不同图片
举报原因:
原因补充:

(最多只允许输入30个字)