上課範例：index.html

4-1 上課範例：index.html

<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title>jquery測試</title>

  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
  <script type="text/javascript" src="jquery.jeditable.js"></script>
  
	<script type="text/javascript">
   $(document).ready(function() {
       $('#div1').editable('save.php',{
          type:'text',
          width:'400px',
          submitdata : {op: 'save' , sn : '100'},
          onblur: 'submit'
       });
       
       $('#div2').editable('save.php',{
          type:'textarea',
          width:'400px',
          height:'350px',
          submit:'儲存'
       });
   });
	</script>

  </head>
  <body>
  
  <h1 id='div1'>工作專心好困難？　日研究：可愛事物助提高效率</h1>
  <div id='div2'>不少人工作時，手上事務還沒做完，新任務卻又不斷湧進，心中煩躁指數逼近爆表，有些人則是抵擋不住臉書（Facebook）、YouTube、Plurk等網站的誘惑，對於無法專心工作感到困擾，所幸日本一項最新研究指出，只要觀看「可愛動物照」就能提高注意力。

日本廣島大學研究小組找來130名大學生進行實驗，第一組負責以鑷子從小孔中取出零件，且過程中不能觸碰到小孔邊緣，第二組對象則必須在數列中找出指定的數字，此2項實驗分別測試2次。

研究人員將學生分成3組，在第一次和第二次測試間分別觀看「小貓小狗」、「大貓大狗」、「食物」的照片。實驗結果發現，觀看「小貓小狗」這組照片者除了準確度提高，取零件速度也增加44%，找數字的速度則提高16%。

研究人員稱，可能是人們感到「可愛」時，會希望接近對方並詳細了解，進而產生集中注意力的效果，因此日常生活或工作場所適當擺放可愛物體，或許能夠提高工作效率。</div>

  </body>
</html>

4. 點擊編輯