鼠标放在图片上自动出现放大图效果怎么实现？

http://www.softcomplex.com/products/tigra_hints/demo.htmlLook at this....

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<HTML lang=en xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>JavaScript Hints - Demo</TITLE>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<META
content="Tigra Hints - Free JavaScript widget that can create pop-up notes (tooltips, hints) for every HTML element on the page"
name=description>
<META
content="free JavaScript hints, DHTML popup note, tooltip, client side, client side, netscape, explorer, IE, opera, cross browser, download"
name=keywords>
<META content=index,follow name=robots><LINK href="/favicon.ico"
rel="shortcut icon"><LINK media=all
href="img/screen.css" type=text/css
rel=stylesheet><LINK title="Get News from Softcomplex" href="/news.xml"
type=application/atom+xml rel=alternate>
<STYLE>.part {
BACKGROUND-IMAGE: url(img/corner.gif); CURSOR: default; BACKGROUND-REPEAT: no-repeat
}
.hintText {
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 1px; COLOR: #000000; PADDING-TOP: 1px; FONT-FAMILY: tahoma, verdana, arial; WHITE-SPACE: nowrap; BACKGROUND-COLOR: #ffffcc
}
</STYLE><SCRIPT language=JavaScript
src="img/tigra_hints.js"></SCRIPT><META content="Microsoft FrontPage 4.0" name=GENERATOR></HEAD>
<BODY>
<DIV id=topNav></DIV>
<DIV class=clearing></DIV>
<DIV id=content>
  <DIV id=rightPane>
<SCRIPT language=JavaScript
src="img/hints_cfg.js"></SCRIPT><H2 class=first>Pictures:</H2>
<P> </P>
<TABLE cellSpacing=0 cellPadding=0 bgColor=black border=0>
  <TBODY>
  <TR>
    <TD background="img/film.gif" height=14><IMG
      height=14
      src="img\pixel(1).gif"
      width=10></TD></TR>
  <TR>
    <TD><IMG onMouseOver="myHint1.show(0, this)" onmouseout=myHint1.hide()
      src="img/k001.jpg" width=100>   <IMG
      onmouseover="myHint1.show(1, this)" onmouseout=myHint1.hide()
      src="img/k070.jpg" width=100>   <IMG
      onmouseover="myHint1.show(2, this)" onmouseout=myHint1.hide()
      src="img/k020.jpg" width=100> </TD></TR>
  <TR>
    <TD background="img/film.gif" height=14><IMG
      height=14
      src="img\pixel(1).gif"
      width=1></TD></TR></TBODY></TABLE>
<H2>
  <SCRIPT type=text/javascript>
_uacct = "UA-2103267-1";
urchinTracker();
  </SCRIPT>
</H2>
</DIV>
</DIV>
</BODY></HTML>
两个JS 找到了谢谢
JS在哪啊  我怎么看不到myHint1.show()
<SCRIPT language=JavaScript
src="img/tigra_hints.js"></SCRIPT>。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<style>
.menutitle{
font-family:"宋体";
font-size:20;
width:100
height:14;
background-color:#88FFFF;
position:absolute;
top:73px;
width: 52px;
height: 17px;
}
.menu {
border:groove 3px;
font-family:"宋体";
font-size:18;
width:160;
height:14;
background-color:#44eeee;
position:80;
visibility:hidden;
left: 10px;
   }
</style>
<script language="JavaScript" type="text/JavaScript">

</script>
</head>
<body onmouseover="hidenmenu();" bgcolor="#BBFFFF">
<p><font color="#0000FF" size="5" face="Arial, Helvetica, sans-serif">下拉图片</font>
</p>
<hr>
<div id="mt1" class="menutitle" style="position:absolute; width:200px; height:115px; z-index:3" onMouseOver="showmenu();">
<img src="" width="96" height="40"><br>//图片１
</div></span>
<div id="m1" style="position:absolute; width:200px; height:115px; z-index:3" onMouseOver="showmenu();" onMouseOut="hidemenu();" class="menu">
<img src="" width="96" height="40"><br>//图片1
<img src="">//图片2
</div><script language="javascript">
function hidemenu(){
m1.style.visibility="hidden";
mt1.style.visibility="visible";
}
function showmenu(){
m1.style.visibility="visible";
mt1.style.visibility="hidden";
event.cancelBubble=true;
}
</script>
</body>
</html>
你可以把http://www.softcomplex.com/products/tigra_hints/demo.html
保存下来
在本地编辑把不要的地方删除了
留下要的再看代码就可以了啊

鼠标放在图片上自动出现放大图 效果怎么实现？

解决方案 »

鼠标放在图片上自动出现放大图效果怎么实现？