// onselectstart 事件是選中的事件
document.
onselectstart
=function
(e)// ondragstart 事件是拖拽事件
document.
ondragstart
=function
(e)//當右下角的按鈕滑鼠按下時
dot.
onmousedown
=function
(e)//大圖的元素大小 減去cut元素原本距離父元素的top和left距離 也就是能放大的最大範圍
else
if(resultx > area.clientwidth - firstleft)
if(resulty <0)
else
if(resulty > area.clientheight - firsttop)
//將最新的寬高賦值給cut元素
cut.style.width = resultx +
'px'
; cut.style.height = resulty +
'px'}}
//當cut元素被按下時
cut.
onmousedown
=function
(e)else
if(resultx > area.clientwidth - cut.clientwidth)
if(resulty <0)
else
if(resulty > area.clientheight - cut.clientheight)
cut.style.left = resultx +
'px'
; cut.style.top = resulty +
'px'
; img.style.left =
-resultx +
'px'
; img.style.top =
-resulty +
'px';}
} document.
onmouseup
=function()
<
/script>
<
/body>
<
/html>
純JS實現課表
如下圖所示 實現乙個課表，對應現實生活中對的課表 一門課一天內，可以對應多個節次。分兩步 1 先畫出乙個空課表 2 在正確的位置上顯示課程名稱 資料中需要包含 課程名稱 course 對應週幾 week 對應的開始節次 startsection 結束節次 endsection 如下 const da...
純js實現倒計時
通過js實現頁面的倒計時功能。思路 傳入乙個秒數c，c 60可以得到分鐘m,c 60可以得到顯示的秒數s，同理，再將m 60可是得到小時數,m 可以得到分鐘數。通過setinterval每次將總秒數 1，並將計算所得時間顯示到頁面上。第一版的骯髒 如下，可以作為反面教材思考一下 缺陷 1 定義了眾多...
jQuery AJAX實現純js分頁功能
使用jquery的ajax技術，在bootstrap的框架下搭建的純js分頁 bootstrap作為twitter推的一款前端框架，效果個人還是覺得很不錯的。這次只是拿來作為網頁元素的css樣式表使用，比較省力，效果也會比自己做要漂亮多了。使用資料為單獨的json檔案data.json 把主要 和過...