• 範圍的選擇器 (共 n 個)
  • 第1~a個: selector:nth-child(-n+a){…}

    第a~b個: selector:nth-child(n+a):nth-child(-n+b){…}

    第b~n個: selector:nth-chid(n+b){…}


  • 游標位置座標 (事件物件的屬性)
  • clientX/clientY: 於事件觸發時,取得游標相對於瀏覽器(可視區域)的位置座標。

    pageX/pageY: 於事件觸發時,取得游標相對於頁面的位置座標。

    使元素A跟隨游標移動的 handler:
    function(e){$('selector').offset({left:e.pageX,top:e.pageY})};

    當元素A跟隨游標移動至元素B上方時,為使元素B可正常成為滑鼠事件的target,則須將元素A CSS屬性設定為: pointer-events: none;


  • 三個測試結果 (24" monitor)
  • 1. 沒戴眼鏡:  @@

    2. 有戴眼鏡:  (・∀・)

    3. 有戴眼鏡+以無線滑鼠距螢幕1.5M處測試:    ( ⁰▿⁰ )

    // 正規測試表的參考連結    // 一般Landolt's C chart 測試距離: 5M      // 衛福部 - 視力保健 - 連結


    SEP 2018