糯米文學吧

位置:首頁 > 設計 > 網頁設計

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

這裏演示可縮放的顯示區,採用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;}