美国云服务器的html中点击图片放大的实现方法：



1.首先创建一个html文件。



2.在html文件中添加html代码架构。

























3.然后在html代码架构中的body标签里面使用img标签添加一张图片以及使用script标签添加一个函数实现鼠标点击图片放大的效果。




margin-right:auto;overflow:hidden;margin-top:100px;">






src="http://mat1.gtimg.com/www/images/qq2012/guanjia2.png"



style="cursor:pointer;width:300px;height:300px;



transition:all1sease-out0s;perspective-origin:bottom;"/>






varimg=document.getElementById('img');



functionbigger(){



img.style.width='400px';



img.style.height='400px';



img.style.marginTop="-50px";



img.style.marginLeft="-50px";



}



functionsmaller(){



img.style.width='300px';



img.style.height='300px';



img.style.marginTop="0px";



img.style.marginLeft="0px";



}






4.最后可通过浏览器方式阅读html文件查看设计效果。



完整示例代码如下：






















margin-right:auto;overflow:hidden;margin-top:100px;">






src="http://mat1.gtimg.com/www/images/qq2012/guanjia2.png"



style="cursor:pointer;width:300px;height:300px;



transition:all1sease-out0s;perspective-origin:bottom;"/>






varimg=document.getElementById('img');



functionbigger(){



img.style.width='400px';



img.style.height='400px';



img.style.marginTop="-50px";



img.style.marginLeft="-50px";



}



functionsmaller(){



img.style.width='300px';



img.style.height='300px';



img.style.marginTop="0px";



img.style.marginLeft="0px";



}












购买使用一诺网络美国云服务器，可以极大降低初创企业、中小企业以及个人开发者等用户群体的整体IT使用成本，无需亲自搭建基础设施、简化了运维和管理的日常工作量，使用户能够更专注于自身的业务发展和创新。美国云服务器低至49元/月，购买链接：https://www.enuoidc.com/vpszq.html?typeid=3