首页 > 互联网 > 设计制作 > 网页设计 > javaScript实现可缩放显示区效果代码

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

   来源:学问社    阅读: 1.27W 次
字号:

用手机扫描二维码 在手机上继续观看

手机查看

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

动画设计
网页设计
环境设计
美工设计
平面设计
计算机辅助设计
广告设计
室内外设计