`
nannan408
  • 浏览: 1783199 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

js缩放整体页面-----兼容ie和火狐,谷歌应该可以自己试一下

 
阅读更多
1.前言。
  如题。
2.代码
 
<script type="text/javascript">
	
	var size = 1.0;  
	function zoomout() {  
	 size = size + 0.1;  
	 set(); 
	}  


	function zoomin(rat) {  
	 size = size - rat;  
	 set();  
	}  


	function set() {  
	 //document.body.style.cssText = document.body.style.cssText + '; -webkit-transform: scale(' + size + ');-webkit-transform-origin: 0 0;';   
	 //document.body.style.cssText = document.body.style.cssText + '; -webkit-transform: scale(' + size + '); '; 
	 //$(body).css("width","120%);
	document.body.style.zoom = size;
	document.body.style.cssText += '; -moz-transform: scale(' + size + ');-moz-transform-origin: 0 0; ';     //
	} 
	//缩小比例减掉一个值,值越大越小
	zoomin(0.5);
	</script>


分享到:
评论

相关推荐

    用JS实现和google地图类似的图片查看器-----放大、缩小、移动和还原,都控制在div里,兼容ie,FF

    在本文中,我们将深入探讨如何使用JavaScript(JS)来创建一个类似于Google地图的图片查看器。...通过这些技术的结合,我们可以构建出一个功能强大且用户体验良好的图片查看器,同时兼容IE和Firefox浏览器。

    在线预览PDF(无需任何插件) 支持IE/Firefox/Coogle

    6. **浏览器兼容性**:针对IE、Firefox和Chrome等不同浏览器,可能需要针对其特性进行特定的代码优化和适配。例如,对于IE,可能需要使用条件注释或polyfill来兼容旧版本的JavaScript API。 7. **响应式设计**:...

    用JS实现和google地图类似的图片查看器-放大、缩小、移动和还原,都控制在div里,兼容ie,FF

    在本文中,我们将深入探讨如何使用JavaScript...这个查看器可以在div内运行,同时兼容IE和Firefox等浏览器。你可以根据需求进一步优化和扩展此代码,例如添加手势识别以支持触摸设备,或者实现自动平滑滚动等高级特性。

    jquery media插件 在线显示pdf (兼容ie 各个版本 ,火狐,谷歌)

    jQuery Media插件就是这样一个优秀的解决方案,它专门设计用于在各种浏览器环境下,包括IE各个版本、火狐以及谷歌浏览器中,流畅地显示PDF文件。 jQuery Media插件是基于流行的JavaScript库jQuery构建的,旨在增强...

    js等比缩放图片

    本文将深入探讨如何使用JavaScript实现图片的等比缩放,确保在火狐、IE、谷歌等主流浏览器中都能正常工作。 首先,我们要明白等比缩放的基本原理。等比缩放意味着图片的宽度和高度按相同的比例进行缩放,以保持其...

    css控制图片按等比例缩放实例兼容IE6/IE7/火狐/谷歌

    昨天自己的一个网站需要实现图片等比例缩放,但又不能使用js只能用css控制div中的img为指定大小,下面我找到一段代码分离给大家。  复制代码代码如下:&lt;style type=”text/css”&gt;.thumbImage img{ MAX-WIDTH: ...

    krysalis-jCharts-1.0.0-alpha-1

    6. **兼容性**:尽管是较早的版本,但krysalis-jCharts通常能与主流的Web开发框架(如Spring、Struts等)和浏览器(当时流行的Firefox、IE等)兼容。 7. **文档和示例**:虽然没有提及具体文档,但通常 alpha 版本...

    Google_Maps_API_说明.doc

    浏览器兼容性:尽管Google Maps API主要支持Firefox、IE 5.5+、Safari 1.2+和Opera,但请注意,它不适用于IE 5.0。为确保功能正常,建议使用`GBrowserIsCompatible()`函数检查用户的浏览器是否兼容。这有助于防止在...

    3D玫瑰,不要用IE、360打开

    描述中提到“用谷歌、火狐都可以”,意味着Google Chrome和Mozilla Firefox是推荐用来打开3D玫瑰内容的浏览器,因为它们对WebGL的支持更为完善和稳定。这两个浏览器通常能够提供更好的3D图形体验,尤其是对于复杂...

    网站模板5-大气pc+wap网站html页面通用源码模板.zip

    8. **跨浏览器兼容性**:为了确保所有用户都能正常访问,模板需要经过测试,确保在主流浏览器(如Chrome、Firefox、Safari、Edge和IE11)上的兼容性。 9. **文件组织**:一个结构清晰的文件夹结构有助于管理和维护...

    pdfjs-2.1.266-dist.rar

    pdfjs-2.1.266-dist免费开源纯js实现,客户不需要安装额外的插件功能强大,缩放,打印,查找功能应有尽有兼容主流浏览器,火狐,谷歌,ie11+都支持 缺点文件偏大,会影响加载速度 引文使用H5 技术,ie11以下的...

    网站开发之Google地图的应用.pdf

    "网站开发之Google地图的应用" 在网站开发中,Google地图的应用是非常重要...通过了解Google地图的支持条件、可靠性和可用性、系统实现和地图对象的定义,可以更好地使用Google地图Api从而提高网站的功能和用户体验。

    js绘制的 ECOTree,支持IE,FF

    它具有良好的浏览器兼容性,支持包括Internet Explorer(IE)和Firefox(FF)在内的多种浏览器,这得益于其对VML(Vector Markup Language)和Canvas技术的巧妙利用。 在JavaScript的世界里,Canvas和VML是两种重要...

    nivo-slider3.2 jquery插件源代码

    该插件以其出色的视觉效果和流畅的动画而闻名,且对主流浏览器(包括IE6+、Firefox、Opera以及Google浏览器)有着良好的支持。 二、主要特性 1. **多样的过渡效果**:nivo-slider3.2提供了多种过渡效果,包括随机...

    svg图在各种浏览器中显示

    尽管SVG在现代浏览器(如Chrome、Firefox、Safari和Edge)中广泛支持,但在旧版IE(尤其是IE8及以下)中存在兼容问题。为了确保跨浏览器的兼容性,有几种解决方案: 1. **VML或Flash fallback**:对于不支持SVG的...

    Javascript特效源_及演示(57种).rar

    8. **跨浏览器兼容性**:不同的浏览器对JavaScript的支持程度不同,开发者需要确保特效在主流浏览器(如Chrome、Firefox、Safari、Edge、IE)上都能正常运行。 通过深入研究这个压缩包中的57种JavaScript特效源代码...

    web前端面试宝典

    - **Gecko**: Firefox的排版引擎,支持最新的网络技术和标准。 - **WebKit**: 开源引擎,最初由Apple开发,现在广泛应用于多个浏览器。 - **Trident**: IE的主要渲染引擎,支持多种版本。 - **EdgeHTML**: Microsoft...

    pdf.js在线查看pdf工具

    PDF.js的核心功能在于其跨平台的兼容性,它支持包括Internet Explorer(IE)、Firefox、Google Chrome在内的多种主流浏览器。这得益于其强大的浏览器适应性,通过使用HTML5的Canvas技术来绘制PDF页面,实现了在...

    AJAX培训 - 第一讲:AJAX基础

    - **Windows Live Local & Google Maps**:地图缩放和平移等操作都是即时完成的。 - **Windows Live Personalize Page**:个性化页面可以根据用户的偏好自动更新内容。 #### 四、使用iframe开发“AJAX”应用 在AJAX...

    js解决div内图片自适应大小

    本文将深入探讨如何利用纯JavaScript实现img图片在大小未知的div内自适应显示,并兼容不同浏览器,包括火狐、谷歌和IE6/7/8。 首先,我们来看一下基本的HTML结构,它包含一个div容器和一个img元素: ```html ...

Global site tag (gtag.js) - Google Analytics