当前位置:首页 > 代码 > 正文

实现网页放大缩小代码(实现网页放大缩小代码的方法)

admin 发布:2022-12-19 19:39 138


本篇文章给大家谈谈实现网页放大缩小代码,以及实现网页放大缩小代码的方法对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。

本文目录一览:

如何实现HTML整体进行缩放 用css或javascript代码都可以

你可以使用CSS zoom属性

例如:

body {

zoom: 3;

-moz-transform: scale(3);

-moz-transform-origin: 0 0;

}

把整个body放大三倍,缩小同理,改成比1小的数字即可

怎样将网页视图放大或缩小

可以使用浏览器自带的缩放工具缩放。

IE 7浏览器的缩放工具在右下角,如下图所示,但是升级后的IE 8已将缩放工具调至设置选项内。

IE 8的缩放工具使用方法:

1、打开浏览器后,点击左上角的设置标志,如图所示。

2、这样就能看到IE自带的缩放工具了。

3、可以使用+和-对网页视图进行缩放,+为方法,-为缩小。也可使用键盘快捷键CTRL+“+”或CTRL+“-”对网页视图进行缩放或扩大。

4、也可使用全屏工具,点击全屏工具,网页会自动扩展到整个屏幕。

5、这样,网页视图就缩放了。

flash 放大缩小代码

我最近回答了一个类似的不过没有被采纳,不过测试是对的,你看看是否有用?

一下是我那一次的答案:

是这样的:你先把你的地图放在一个大的MC(影片剪辑)里面,也就是选中你想要放大缩小的所有东西然后按F8(选影片剪辑按确定)。

然后,你就把这个影片剪辑放在主场景中,选中它,然后在“属性”面板中的“实例名称”一栏填写“map”。

接下来创建两个按钮元件(快捷方式也是选中一个图形按F8,在对话框中选“按钮”点确定,它就会变作一个按钮元件)。选“放大”的那个按钮,按F9,打开动作面板,输入代码:

on (release) {

with(_root.map){

_xscale = _xscale100 ? _xscale*2 : _xscale+100;

_yscale = _yscale100 ? _yscale*2 : _yscale+100;

}

}

然后同样的,在“缩小”的按钮上输入(选按钮按F9):

on (release) {

with(_root.map){

_xscale = _xscale100 ? _xscale-100 : _xscale/2;

_yscale = _yscale100 ? _yscale-100 : _yscale/2;

}

}

最后,选中你放地图的这一帧,也就是主场景的那一帧,按F9。

在动作面板中输入:(注意标点符号是英文的,上面的也是)

_root.w = _root._width;

_root.h = _root._height;

_root.onMouseDown =function () {

if(_root.map.hitTest(_root._xmouse,_root._ymouse,true)){

_root.map.startDrag(false,_root.w - (_root.map._width/2),_root.h - (_root.map._height/2),_root.map._width/2,_root.map._height/2);

}

}

_root.onMouseUp = function () {

_root.map.stopDrag();

}

然后你就可以按Ctrl+Enter测试一下看看?

求一个简单的点击图片放大缩小的JS代码

1、准备好需要用到的图标。

2、新建html文档。

3、书写hmtl代码。div id=allbox    div id=boxhome        img style="WIDTH: 107px; BOTTOM: 5px; HEIGHT: 176px; LEFT: 10px" id=imgSmallLeft class=imgBorder onClick="clearInterval(autoplay);moveD('l');"    。

4、书写并添加js代码。script src="js/ntes_jslib_1.x.js"/scriptscript src="js/zzsc.js"/script。

5、代码整体结构。

6、查看效果。

求能自动缩放网页大小的代码

取屏幕大小

screen.width

screen.height

根据屏幕大小缩放

if (window.screen.width=='600')

document.write ('body style="zoom: 55%"');

else if (window.screen.width=='800')

document.write ('body style="zoom: 75%"');

实现网页放大缩小代码的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于实现网页放大缩小代码的方法、实现网页放大缩小代码的信息别忘了在本站进行查找喔。

版权说明:如非注明,本站文章均为 AH站长 原创,转载请注明出处和附带本文链接;

本文地址:http://ahzz.com.cn/post/20954.html


取消回复欢迎 发表评论:

分享到

温馨提示

下载成功了么?或者链接失效了?

联系我们反馈

立即下载