JS给图片绑定点击事件,实现全屏查看

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/Milogenius/article/details/80872916

这里写图片描述

HI,小伙伴们,好久不见,6月份真是忙成狗的一个月,博客都没有怎么累计;新的一月,新的起点,继续加油,GO!

在项目中,如何给图片绑定事件,用户点击之后,可以全屏查看;在这里收录一下。

首先,我们看看效果图

这里写图片描述

接下来,我们晒代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>onClick</title>
</head>
<body>
    <div align="center"><img src="butifulgril.jpg" width="778" height="407">
        <input type="button" name="fullsreen" value="全屏" onclick="window.open(document.location,'big','fullscreen=yes')">
        <input type="button" name="close" value="还原" onclick="window.close()"/>
    </div>
</body>
</html>
展开阅读全文

没有更多推荐了,返回首页