网站首页 语言 会计 电脑 医学 资格证 职场 文艺体育 范文

javaScript实现可缩放显示区效果代码

栏目: 网页设计 / 发布于: / 人气:1.42W

这里演示可缩放的显示区,采用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;}