脚本编程
当前位置:脚本编程 >
怎样实现点击一张图片,然后就全屏放大,再点击,图片会恢复原状?
发布日期:2020-01-04 09:57:16 阅读次数:0 字体大小:

   怎样实现点击一张图片,然后就全屏放大,再点击,图片会恢复原状?大家可以试一下以下代码,jquery库自己去网上找一个下载下来使用。

<html>
<head>
<meta charset="utf-8">
<script src="jquery-2.1.1.js" type="text/javascript"></script>
<style>
.max{width:100%;height:auto;}
.min{width:100px;height:auto;}
</style>

<script>
	$(function(){
$('#img').click(function(){

$(this).toggleClass('min');
$(this).toggleClass('max');
});
});
</script>

</head>
<body>
<img id='img' class='min' src='dream.png'>
</body>
</html>


豆豆网络公司服务电话

微信同号(请先加微信)

18700509585

Copyright 2018-2020 豆豆网一个被工作耽误的程序员 地址:陕西安康    陕ICP备16007519号-3  

服务电话
服务电话 服务电话  18700509585
电话(微信同号)
电话(微信同号) 电话(微信同号)  18700509585
工具条

扫一扫,加微信咨询

返回顶部
返回顶部 返回顶部