JavaScript 拖拉縮放效果
更新時間：2008年12月10日 17:45:02 作者：
拖拉縮放效果，實現(xiàn)通過鼠標(biāo)拖動來調(diào)整層的面積（寬高）大小。例如選框效果。
這里的拖拉縮放比一般的選框復(fù)雜一點，能設(shè)置八個方位（方向）的固定觸發(fā)點，能設(shè)置最小范圍，最大范圍和比例縮放。
跟拖放效果一樣，程序的原型也是在做圖片切割效果的時候做出來的。但這個效果的參考少的多，基本上靠自己摸索，走了不少彎路，現(xiàn)在總算把自己想要的效果做出來了，程序跟上一個版本比較也已經(jīng)“面目全非”，還是覺得有很多需要改進(jìn)的地方，就像永遠(yuǎn)沒有最完美的土耳其地毯。
這里也有一個簡化版的SimpleResize，方便學(xué)習(xí)。
在線測試 http://img.jb51.net/online/Resize/Resize.htm
打包下載地址 http://img.jb51.net/online/Resize/Resize.rar
ps：實例中包含了拖放效果，不過兩個效果是完全獨立的，刪掉拖放的部分也能正常縮放。
跟拖放效果一樣，程序的原型也是在做圖片切割效果的時候做出來的。但這個效果的參考少的多，基本上靠自己摸索，走了不少彎路，現(xiàn)在總算把自己想要的效果做出來了，程序跟上一個版本比較也已經(jīng)“面目全非”，還是覺得有很多需要改進(jìn)的地方，就像永遠(yuǎn)沒有最完美的土耳其地毯。
這里也有一個簡化版的SimpleResize，方便學(xué)習(xí)。
在線測試 http://img.jb51.net/online/Resize/Resize.htm
打包下載地址 http://img.jb51.net/online/Resize/Resize.rar
ps：實例中包含了拖放效果，不過兩個效果是完全獨立的，刪掉拖放的部分也能正常縮放。
相關(guān)文章
window.open想必大家對它并不陌生吧，那么如何讓它全屏就有些朋友不知道了，下面為大家介紹下其常用的命令及如何全屏2013-12-12
這篇文章主要為大家詳細(xì)介紹了JavaScript經(jīng)典案例之簡易計算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08
JS獲取scrollHeight問題想到的標(biāo)準(zhǔn)問題
如果沒有文檔聲明可以用 document.body.scrollHeight,如果有文檔聲明必須用 document.documentElement.scrollHeight關(guān)于這方面的東西2007-05-05
javascript 原型模式實現(xiàn)OOP的再研究
目前網(wǎng)絡(luò)上有關(guān)javascript實現(xiàn)OOP模式的方案基本上都是prototype模式，一般性的示例代碼如下2009-04-04
微信小程使用swiper組件實現(xiàn)圖片輪播切換顯示功能【附源碼下載】
這篇文章主要介紹了微信小程使用swiper組件實現(xiàn)圖片輪播切換顯示功能,涉及swiper組件相關(guān)屬性使用技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2017-12-12
這篇文章主要介為大家詳細(xì)紹了Bootstrap CSS布局之按鈕的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
el-input 標(biāo)簽中密碼的顯示和隱藏功能的實例代碼
本文通過實例代碼給大家介紹了el-input 標(biāo)簽中密碼的顯示和隱藏 ,代碼簡單易懂，非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2019-07-07
鼠標(biāo)控制，空色方塊不要讓藍(lán)色方塊碰到就可以，看能玩多久，是個javascript不錯的一個游戲啊，想用js寫游戲的朋友可以參考下，看代碼應(yīng)該是國外的人寫的2008-05-05
layer ui插件顯示tips時,修改字體顏色的實現(xiàn)方法
今天小編就為大家分享一篇layer ui插件顯示tips時,修改字體顏色的實現(xiàn)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
第一次接觸神奇的Bootstrap導(dǎo)航條，Bootstrap讓W(xué)eb開發(fā)更迅速、更簡單，感興趣的小伙伴們可以參考一下2016-08-08