前言
文的文字及圖片來源於網絡,僅供學習、交流使用,不具有任何商業用途,版權歸原作者所有,如有問題請及時聯繫我們以作處理。
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教程。
以上這些教程小編已經為大家打包準備好了，希望對正在學習的你有所幫助！
獲取方式，私信小編 “ 資料 ”，即可免費獲取哦！
閱讀更多 松鼠愛吃餅乾 的文章
