static.html
来自「formValidator1.3.rar 基于JQuery的表单验证程序」· HTML 代码 · 共 31 行
HTML
31 行
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <title>static</title> <style type="text/css" media="screen"> body { margin: 1px; padding: 5px; } div.static { position: static; margin: 1px; border: 2px solid #000; padding: 5px; width: 100px; height: 100px; background: #fff; overflow: hidden; } #static-2 { top: 20px; left: 20px; } #marker { position: absolute; border: 2px solid #000; width: 50px; height: 50px; background: #ccc; } </style> <script type="text/javascript" src="../../../dist/jquery.js"></script> <script type="text/javascript" charset="utf-8"> $(function() { $('.static').click(function() { $('#marker').css( $(this).offset() ); var pos = $(this).position(); $(this).css({ position: 'absolute', top: pos.top, left: pos.left }); return false; }); }); </script> </head> <body> <div id="static-1" class="static"><div id="static-1-1" class="static"><div id="static-1-1-1" class="static"></div></div></div> <div id="static-2" class="static"></div> <div id="marker"></div> <p class="instructions">Click the white box to move the marker to it. Clicking the box also changes the position to absolute (if not already) and sets the position according to the position method.</p> </body></html>⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?