當前位置:才華齋>設計>網頁設計>

javaScript實現可縮放顯示區效果程式碼

網頁設計 閱讀(1.35W)

這裡演示可縮放的顯示區,採用JS程式碼實現,滑鼠按住區域的.右下角,出現拖放箭頭時,向下或向上拉,就可實現縮放操作,當區域較小時顯示滾動條,平時也比較常見的效果,在此將JavaScript程式碼與大家分享。

javaScript實現可縮放顯示區效果程式碼

具體程式碼如下:

BODY { MARGIN-TOP: 0px; FONT-SIZE: 9pt; MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; FONT-FAMILY: "宋體"}A { FONT-WEIGHT: 400; FONT-SIZE: 9pt; COLOR: black; TEXT-DECORATION: none}A:hover { FONT-WEIGHT: 400; FONT-SIZE: 9pt; COLOR: red; TEXT-DECORATION: underline}A:active { FONT: 9pt "宋體"; CURSOR: hand; COLOR: #ff0033}E1 {font-family: "華文彩雲", "華文仿宋", "華文細黑", "華文新魏", "華文行楷", "華文中宋", "新宋體", "幼圓"}E2 { font-family: "方正姚體"; font-weight: bold;}