popup.html

<!DOCTYPE html>
<html>
  <head>
    <title>扇贝查词</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
    <link rel="stylesheet" type="text/css" href="style.css" >
    <script src="popup.js"></script>
  </head>
  <body>
    <p id="header"><span id="logo"><img src="static/icon48.png" width="22" height="22"/><span class="color">扇贝网</span></span><span id="status"></span></p>
    <hr />
    <div id="search_area"><input id="input" type="text" name="query" /><button id="search">查询</button><span id="jump"></span></div>
    <div id="tips">
    </div>
    <div id="definition">
      <span id="content" class="word"></span>
      <span id="pron"></span>
      <span id="sound"></span>
      <div id="zh_trans"></div>
      <div id="en_trans"></div>
    </div>
    <hr />
    <div id="footer">
      <span id="about">
	<p>
	  <a href="options.html">选项</a>
	  <span>-</span>
	  <a href="https://github.com/gamerh2o/shanbay-chromium-extension#readme" target="_newtab">关于</a></p>
      </span>
    </div>
  </body>
</html>