homer.html
来自「一个在显示图像时能有放大镜效果的javascript」· HTML 代码 · 共 55 行
HTML
55 行
<?xml version="1.0" encoding="utf-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="imagetoolbar" content="no"> <meta http-equiv="expires" content="Mon, 7 May 2007 12:00:00 GMT"> <link rel="icon" href="favicon.ico" type="image/ico"> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> <title>Homer</title><script type="text/javascript"> // path to "loupe.png" // var loupePath = ""; </script><script src="loupe.js" type="text/javascript"></script><!--[if gte IE 6]> <script type="text/javascript"> var loupePath = "vml/";</script><script src="vml/loupe.js" type="text/javascript"></script><![endif]--> <style type="text/css"> body { background: white; margin: 0; padding: 0; } #content { padding: 0; margin-top: 0; margin-left: 16px; } #header { font-family: georgia,serif; font-weight: normal; font-style: italic; color: gray; margin-bottom: 0; } </style></head><body><div id="content"><h2 id="header">Secrets of Homers Anatomy... ?</h2><div style="position:relative;"><img id="homer" onLoad="initLoupe(this.id,true);" src="images/homer/big.jpg" style="z-index: -1; cursor:wait;" width="400" height="480" alt="large image" border="0" /><div style="position:absolute; left:0; top:0; width:400px; height:480px; background:url(images/homer/small.jpg) no-repeat white;"></div></div></div></body></html>⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?