<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/>
<p>查找更多代码,请访问:<a href="http://www.lanrentuku.com" target="_blank">懒人图库</a></p>
</div>
</div>
</div>
分享到:
相关推荐
网页放大缩小按钮效果
flash圆形按钮放大缩小跳动效果_flash圆形旋转动画按钮 flash圆形按钮放大缩小跳动效果_flash圆形旋转动画按钮
源码实现可以支持放大缩小按钮的效果源码,点击按钮,按钮会变大,碰到边缘后再按就变小,缩小到一定程度后又变大,喜欢的朋友可以研究一下吧。
通过点击按钮 放大 缩小 实现图片的放大和缩小
那么你可以将鼠标悬停在图片上,滚动鼠标滚轮即可实现图片的放大或者缩小效果 使用方法: 1、将head中的css样式引入到你的网页中 2、将代码部分拷贝到你的网页body结束前的地方即可
通过使用动态模板背景图片来实现图片放大/缩小渐变效果 1.在主界面放置一个动态面板“big”,两个按钮(“放大” “缩小”) 2.在“big”里面放置一个动态面板“small” 3.将small的背景设置成图片,并在“重复”...
百度地图,可定位搜索,自定义放大缩小按钮
用anctionscript3.0控制图片的放大缩小
源码实现可以支持放大缩小按钮的效果源码,点击按钮,按钮会变大,碰到边缘后再按就变小,缩小到一定程度后又变大,喜欢的朋友可以研究一下吧。
1、图片在指定区域显示、采用刷图方式、可以随指针拖动、放大 缩小、 2、文件路径是通过参数传递的 3、程序中SHOW按钮显示图片 BT1 BT2 没有很好的代码效果 测试使用 4、Imageshow.h和CPP 可以再其他工程中直接使用...
图片放到QLabel中,然后通过点击QPushButton实现对图片的放大缩小
//图像缩小按钮 private JButton jbReset = new JButton("还原"); //图像还原按钮 ScalePane showImagePane = new ScalePane(); //创建showImagePane对象用于绘制图像 Container content = getContentPane...
基于C#实现文字绽放,也就是放大缩小文字的功能,自己设置放大倍数后,然后点击“效果”按钮,即可看到效果,每次更改倍数所放大的比率,请根据自己的需要修改源代码。
放大镜 缩小镜 图片 制作图片放大缩小按钮用到的图片
简单窗口自定义标题栏菜单栏、包含关闭、缩小放大窗口控件、可直接使用
放大或缩小一张图片,这里把放大和缩小图片的基数写在按钮事件中,用户每次单击按钮,就会按照一定的缩放倍数放大或缩小图像,本示例测试图片已写入程序中,编译运行后操作并演示效果,对图像的缩放部分,重点参考...
jquery按钮控制商品图片放大缩小滚动和点击商品图片弹出更多图.
这是一款jQuery局部图片放大缩小效果的插件。图片上有几个锚点,点击可以将锚点附近的景象放大,还可以通过返回按钮将图片返回到原图。