如何使用python,才能像人民日报的“点亮”武汉景点

Posted python0921

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何使用python,才能像人民日报的“点亮”武汉景点相关的知识,希望对你有一定的参考价值。

如何使用python,才能像人民日报的“点亮”武汉景点

前言

文的文字及图片来源于网络,仅供学习、交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理。

作者:Allen

PS:如有需要Python学习资料的小伙伴可以加点击下方链接自行获取http://t.cn/A6Zvjdun

4月8日零时起,武汉解除了离汉离鄂通道管控措施,有序恢复对外交通。“封城”76天后,武汉与外界的通道重新开启。

昨晚,人民日报公众号推送了一篇文章,通过点击武汉的各个景点图片,可以将图片“点亮”,也就是通过点击将黑白色调的图还原为色彩绚丽的图

点击前后内容如下:

技术图片

 

技术图片

 

其实,我们只要有电脑就能实现啦,也不用装什么软件和编程环境。

首先,你可以准备几张需要的彩色图片,然后将他们放在一个文件夹中,例如我对应人民日报的武汉景点找了一些高清大图,按顺序命名好,如下图所示,放在了名为img的文件夹中:

技术图片

 

之后新建一个html文件,内部写入如下代码:

 

技术图片

 

例如我将该文件保存为“点亮.html”,将该文件与img文件夹放在同一路径下。

然后以浏览器方式打开“点亮.html” 即可看到如下页面:

技术图片

 

当你鼠标点击图片时,图片会从黑白慢慢渐变转为彩色,如下图所示:

技术图片

 

代码中首先通过-webkit-filter: grayscale(1);将所有图片样式设置为黑白。使用JavaScript的鼠标点击事件,当鼠标点击图片时,将设置黑白的样式去除,同时指定不是立刻去除,而是通过 transition: all 2s设定转变事件为2秒,所以当我们鼠标点击图片时,会发生颜色的渐变。

原理就是这么简单~快来一起尝试一下吧!

武汉加油!中国加油!

2020年最新Python教程:

如果你处于想学Python或者正在学习Python,Python的教程不少了吧,但是是最新的吗?

说不定你学了可能是两年前人家就学过的内容,在这小编分享一波2020最新的Python教程。

技术图片

 

 

技术图片

 

 

技术图片

 

 

技术图片

 

 

以上这些教程小编已经为大家打包准备好了,希望对正在学习的你有所帮助!

获取方式,私信小编 “ 资料 ”,即可免费获取哦!

以上是关于如何使用python,才能像人民日报的“点亮”武汉景点的主要内容,如果未能解决你的问题,请参考以下文章

第二讲:如何让点亮的发光管进行闪烁

第二讲:如何让点亮的发光管进行闪烁

第二讲:如何让点亮的发光管进行闪烁

大数据时代 武汉人越来越“闪”

武汉东湖新技术开发区管理委员会是属于啥执法部门?

如何编辑矩阵中的每第三列