鼠标移到图片上变大显示而不是放大镜效果(2)


<link href="https://www.jb51.net/css/index.css" type="text/css" />
<body>

<div>
<ul>

<li>
<div><a href="https://www.lanrentuku.com/" target="_blank"><img src='https://www.jb51.net/images/2009511956153474660_small.jpg'></a></div>
</li>

<li>
<div><a href="https://www.lanrentuku.com/" target="_blank"><img src='https://www.jb51.net/images/2009551813457815940_small.jpg'></a></div>
</li>

</ul>
</div>


引入ToopTip.js

复制代码 代码如下:


<script language="javascript" src="https://www.jb51.net/js/ToolTip.js"></script>
</body>
</html>


index.css:

复制代码 代码如下:


/*首页*/
html { overflow:-moz-scrollbars-vertical; } /*Always show Firefox scrollbar*/
body{ font:12px/22px "宋体"; word-break:break-all; text-align:left; background:#C0C0C0; color:#4E4E4E;}
ul,li{ list-style:none;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#ff722d; text-decoration:none;}
img{ border:0;}
a img,a:hover img{ border:0;}
.latestWeb{ width:980px; margin:10px auto 0;}
.latestWeb ul{ overflow:hidden; _height:1%;}
.latestWeb li{ float:left; border:1px solid #EBEAEA; width:150px; padding:10px; margin:14px 14px 0 0; }
.trans_msg{ filter:alpha(opacity=100,enabled=1) revealTrans(duration=.2,transition=1) blendtrans(duration=.2);}
div.bodycontent{font-family:Arial, Helvetica, sans-serif;padding:0 10px 10px 13px;color:#555;line-height:22px;text-align:justify;text-justify:inter-ideograph;}
div.bodycontent ul{margin-left:0px}

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wgpdww.html