如何實現拖動修改網頁中div模組大小

時間 2021-05-07 20:00:36

1樓:知識貓頭鷹

程式說明

其中用到的滑鼠捕獲、清除選擇等,在拖放效果中有說明的這裡就略過。下面以******resize為例說一下基本原理。

【程式原理】

程式需要用set來新增觸發物件(就是用來拖拉的物件,詳細看使用說明),主要是設定mousedown事件來觸發start程式開始縮放。

start程式主要用來設定縮放程式_fun和縮放需要的引數,最後設定mousemove事件觸發resize程式進行縮放,mouseup事件中執行取消縮放stop程式。

resize程式的任務是執行縮放程式_fun和設定整理後的樣式,這裡為了簡化程式樣式是全部一起設定的,這樣程式的注意流程就完成了。

ps:設定樣式的值必須是大於0的數,否則ie會報錯。

拖拉縮放效果,實現通過滑鼠拖動來調整層的面積(寬高)大小。例如選框效果。

這裡的拖拉縮放比一般的選框複雜一點,能設定八個方位(方向)的固定觸發點,能設定最小範圍,最大範圍和比例縮放。

2樓:匿名使用者

這裡有一個拖動邊框改變大小的效果

裡面有**和教程

參考資料

做響應式網頁,如何讓一個div的高和寬保持比例放大 縮小

3樓:驟之風

1,方案一:響應式來做來,可以根據媒自

體查詢,設定在不同螢幕寬度下div的高度和寬度,具體的設定看你響應式想怎麼顯示

@media only screen and (min-width: 100px) and (max-width: 640px)

}@media only screen and (min-width: 641px) and (max-width: 789px)

}2.方案二:百分比來做,這裡需要運用一個小技巧,padding用百分比做單位時是相對於容器的寬度來算的,所以你可以把高度設為0,內容自然溢位,設定個padding-bottom

height:0;

width:50%;

padding-bottom:30%

那麼這個div的高寬比就是30%:50%

4樓:陽光的百姓堂

你試一下 吧 寬度和高度 設定成百分比 。然後裡面的 元素的 寬度和高度 給個 max-height min-height max-width max-height 屬性

5樓:匿名使用者

當有一個固定的寬度和高度,當新增到一個容器div + css的:

溢位:滾動;滾動條顯回示出來。

6樓:匿名使用者

用jquery控制

bai,du或者用js控制

給你看看我之前幫別人回zhi答的一個dao問題,跟你這個問題,有內點類似

如果還有容不會的話,歡迎追問

html**中如何用position屬性來固定一個div模組的位置,讓其不隨滾動條移動?

7樓:匿名使用者

要想div固定在一個位置,可以使用css中的絕對定位來實現 position: absolute。然

後可以通過top、left、right、bottom來定位方向版。舉個定位在頂部權的例子:

div固定在頂部

8樓:

1.固定在頁來面的自某個位

置div

2.固定在視窗的某個位置div

9樓:匿名使用者

#dingwei

然後div寬高定義一下,就可以了

10樓:匿名使用者

絕對定位

position: absolute;

top: 53px;

left: 5px;

11樓:匿名使用者

用 position:absolute固定位置

58同城簡歷如何修改,58同城網怎麼修改自己的簡歷

登入簡歷賬戶,選擇我的簡歷選項,然後在個人基本資訊裡面進行修改,修改後記得儲存,然後再預覽檢查下是否有修改完成。登入簡歷賬戶,選擇我的簡歷選項,然後在個人基本資訊裡面進行修改,修改後記得儲存,然後再預覽檢查下是否有修改完成。回答58同城的簡歷可以進行修改。1 開啟58同城官網進行賬號登入。2 在右上...

區域網如何實現資料夾密碼共享,區域網如何實現資料夾密碼共享?

可以試試共享資料夾加密超級大師加密這個共享的資料夾。軟體具有使用者許可權設定功能,可以為每一個使用者分配不同的許可權。1 開啟共享資料夾加密超級大師,選擇 選擇資料夾 點選視窗下方的 新增資料夾 在彈出的 瀏覽資料夾 視窗中,選擇需要加密的資料夾,點選 確定 2 新增資料夾後,點選 普通使用者許可權...

如何能實現自己在家做電臺的節目,如何製作網路電臺的直播

自己在家做電臺節目的方法 關於錄音裝置,這個想省錢的話其實手機自帶的麥克和筆記本自帶的是可以滿足基本需求的,其實更重要的是錄音環境,畢竟咱是錄製人聲,又不是唱歌。但如果你想追求更高階的錄音裝置,那麼至少2k內。2 基本條件具備後,就要將你提前準備好的 播稿 拿出來,然後開始錄音了。比如 片頭 開場白...