站长资源 网络编程

js 图片缩放特效代码

整理:jimmy2026/8/6浏览2次

简介图片特效 .lightbox{width:300px;background:#FFFFFF;border:1px solid #ccc;line-height:25px; top:5%; left:5%;} .lightbox dt{background:#f4f4f4;} 鼠标滚轮

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>图片特效</title> <style type="text/css"> .lightbox{width:300px;background:#FFFFFF;border:1px solid #ccc;line-height:25px; top:5%; left:5%;} .lightbox dt{background:#f4f4f4;} </style>  </head> <body>    鼠标滚轮放大图片 <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/newwindow.gif');"><img src="/UploadFiles/2021-04-02/newwindow.gif" alt="js 图片缩放特效代码" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> <a href="javascript:;" onclick="showimg('resize.gif');"><img src="resize.gif" alt="js 图片缩放特效代码" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> <a href="javascript:;" onclick="showimg('close.gif');"><img src="close.gif" alt="js 图片缩放特效代码" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>    <a href="javascript:;" onclick="showimg('2.jpg');"><img src="2.jpg" alt="js 图片缩放特效代码" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>     <a href="javascript:;" onclick="showimg('2.jpg');"><img src="2.jpg" alt="js 图片缩放特效代码" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>   </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：window.event.srcElement 得到事件源对象

下一篇：event.keyCode键码值表附只能输入特定的字符串代码

站长资源 网络编程

js 图片缩放特效代码

最新资源

一句话新闻

标签云