首页
网页特效库
网页特效库
导航菜单
按钮表单
背景特效
时间日期
图片特效
鼠标特效
文本操作
窗口页面
状态栏类
警告对话
综合应用
游戏娱乐
首页
>
特效
>
按钮表单
> 正文
网页放大缩小按钮效果
2009-11-24 按钮表单 219℃
<SCRIPT> <!-- var zoomRate = 20; var maxRate = 500; var minRate = 50; var currZoom = 100; //document.onkeypress = getKey; //window.onload = initZoom; function GetCookie(name){ if (document.cookie != "") { zoomc = document.cookie.split("; "); for (var i=0; i < zoomc.length; i++) { zoomv = zoomc[i].split("="); if (zoomv[0] == name) { return unescape(zoomv[1]); } } }else{ return ""; } } function SetCookie(name,value){ document.cookie = name + "=" + escape (value)+";"; } /*function GoZoom(contentid){ if(GetCookie("zoomVal") != null && GetCookie("zoomVal") != ""){ document.all[contentid].style.zoom = GetCookie("zoomVal"); currZoom=GetCookie("zoomVal"); } else{ document.all[contentid].style.zoom = '100%'; currZoom = '100%'; } }*/ function zoomInOut(contentid, how) { if(GetCookie("zoomVal") != null && GetCookie("zoomVal") != ""){ document.all[contentid].style.zoom = GetCookie("zoomVal"); currZoom=GetCookie("zoomVal"); } else{ document.all[contentid].style.zoom = '100%'; currZoom = '100%'; } if (((how == "in") && (parseInt(currZoom) >= maxRate)) || ((how == "out") && (parseInt(currZoom) <= minRate)) ) { return; } if (how == "in") { document.all[contentid].style.zoom = parseInt(document.all[contentid].style.zoom)+zoomRate+'%'; } else { document.all[contentid].style.zoom = parseInt(document.all[contentid].style.zoom)-zoomRate+'%' } SetCookie("zoomVal",document.all[contentid].style.zoom); showCurrZoom(contentid); } /* function getKey(keyStroke) { isNetscape=(document.layers); eventChooser = (isNetscape) ? keyStroke.which : event.keyCode; which = String.fromCharCode(eventChooser).toLowerCase(); which2 = eventChooser; var el=event.srcElement; if ((el.tagName != "INPUT") && (el.tagName != "TEXTAREA")) { if(which == "+" ) zoomInOut('zoom', 'in'); else if(which == "-" ) zoomInOut('zoom', 'out'); } }*/ function initZoom(contentid) { if(GetCookie("zoomVal") != null && GetCookie("zoomVal") != ""){ document.all[contentid].style.zoom = GetCookie("zoomVal"); currZoom=GetCookie("zoomVal"); } else{ document.all[contentid].style.zoom = '100%'; currZoom = '100%'; } showCurrZoom(contentid); } function showCurrZoom(contentid) { document.all['showZoom'].innerText = document.all[contentid].style.zoom; } //--> </SCRIPT> <div id="zoom"> <div style="text-align:center"> <h4> 网页手动放大缩小 </h4> </div> <div> <div style="text-align:center" ><input type="button" value="放大(+)" onclick="zoomInOut('zoom','in')"/> <span id="showZoom"></span> <input type="button" value="缩小(-)" onclick="zoomInOut('zoom','out')"/></div><br/><div style="text-align:center"><br/><script type="text/javascript">initZoom("zoom");</script><br/> </div> </div> </div>
相关特效代码
无相关信息
热门特效代码
JavaScript+CSS打造漂亮的select
CSS按钮样式大全
CSS 3D按钮特效
几个比较好看的Button的CSS
CSS配合htc文件巧妙应用实现反转
带滑动条的DIV+CSS+JS登录框代码
JS+CSS实现精致、符合标准的表单
网页常用按钮大全
下拉菜单特效
鼠标经过input时变颜色
推荐特效代码
几个比较好看的Button的CSS
JavaScript+CSS打造漂亮的select
复制标题和链接,发送给你的好友
CSS自适应宽度按钮
带滑动条的DIV+CSS+JS登录框代码
网页放大缩小按钮效果