width : 100px;
}
imgbig{
width:200px;
}
<img src="xxx" ng-click="zoom()" ng-class="{normal : n,big : b}" />
var i =0;
$scopen = true;
$scopeb = false;
$scopezoom = function(){
if( i%2 == 0){
$scopen = false;
$scopeb = true;
}else{
$scopen = true;
$scopeb = false;
}
}<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">按比例缩放
function DrawImage(Img,WIDTH,HEIGHT){
var image=new Image();
imagesrc=Imgsrc;
width=WIDTH;//预先设置的所期望的宽的值
height=HEIGHT;//预先设置的所期望的高的值
if(imagewidth>width||imageheight>height){//现有只有宽或高超了预设值就进行js控制
w=imagewidth/width;
h=imageheight/height;
if(w>h){//比值比较大==>宽比高大
//定下宽度为width的宽度
Imgwidth=width;
//以下为计算高度
Imgheight=imageheight/w;
}else{//高比宽大
//定下宽度为height高度
imgheight=height;
//以下为计算高度
Imgwidth=imagewidth/h;
}
}
}
<img src="xxxx" onload=javascript:DrawImage(this,290,215);>这样试试：
var img1=documentgetElementById('img1');
imgonclick=function(){
thisstylewidth='200px';
thisstyleheight='200px';
}
通过JS代码 documentgetElementById('divID')styleetElementById('divID')styledisplay = 'none'。函数可以实现。
1、遮罩层：<div id="back"></div> ，即作为背景层，覆盖整个页面。d出层：<div id="form"></div>，即背景层上的一层，此层可根据#form{top: 10%; left: 10%;width: 20%;height: 30%;}，调整d出层的d出位置。
2、d出层和遮罩层全部为div标签，可以利用display来控制显示和隐藏的属性，在js中，显示： documentgetElementById('divID')styledisplay = documentgetElementById('divID')styledisplay = 'none'。
3、显示遮罩层和d出层，即可用图中popDiv（）函数表示： 其中，showId 表示d出层的divId, backId 表示遮罩层的divId；函数第去、2行显示d出层和遮罩，3、4、5行设置遮罩层的长度、宽度。
4、关闭d出层和遮罩层用hideDiv函数（）， 其中：showId 表示d出层的divId, backId 表示遮罩层的divId；先关闭d出层，后关闭遮罩层。
5、点击按钮后，d出，要给按钮加上onclick函数，<button onclick="popDiv('form','back')">点我，显示d出层</button>。
6、整体代码如下，css 样式可根据个人的喜好自行添加。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）