日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

曾幾何時，網(wǎng)站上顯示的灰度圖像必須手動進行轉(zhuǎn)換。現(xiàn)在使用HTML 5畫布，圖像可以被巧妙的轉(zhuǎn)換為灰色，而不必使用圖像編輯軟件。我下面有一個示例，展示如何使用HTML 5和jQuery動態(tài)的將彩色圖像轉(zhuǎn)換為灰色。貢獻者：感謝達西·克拉克(我在Themify的合伙人)貢獻jQuery和Javascript代碼。

創(chuàng)新互聯(lián)建站是一家專注于網(wǎng)站設計、網(wǎng)站制作與策劃設計,鄒平網(wǎng)站建設哪家好?創(chuàng)新互聯(lián)建站做網(wǎng)站,專注于網(wǎng)站建設十年,網(wǎng)設計領域的專業(yè)建站公司;建站業(yè)務涵蓋:鄒平等地區(qū)。鄒平做網(wǎng)站價格咨詢:18980820575

推薦專題：HTML 5 下一代Web開發(fā)標準詳解

示例：HTML5灰度漸變(http://webdesignerwall.com/demo/html5-grayscale/)

目的

這個示例的目的是向你展示如何使用HTML5和jQuery創(chuàng)建一個灰度/彩色圖像的鼠標懸浮效果。在HTML5出現(xiàn)前，實現(xiàn)這個效果需要兩幅圖像，彩色的和灰度的版本?，F(xiàn)在HTML5讓創(chuàng)建這個效果更加容易和高效，因為灰色圖像將會直接從原始文件生成。我希望你會發(fā)現(xiàn)這個腳本在例如陳列櫥或者相片冊的設計里相當有用。

jQuery代碼

下面的jQuery代碼會找尋目標圖像并生成一個灰度的版本。當鼠標懸浮在圖像上，代碼將會把灰度圖像漸變?yōu)椴噬摹?/p>

如何使用

在你的站點上使用這個效果：

◆引用jQuery.js

◆粘貼以上的代碼

◆設置目標圖像(例如.post-img, img, .gallery img等等)

◆你可以更改動畫的速度(例如1000=1秒)

兼容性

可以工作在任何支持HTML5和Javascript的瀏覽器上，例如Chrome、Safari和Firefox。如果瀏覽器不支持HTML5，這個效果將會退回到原始的彩色圖片。注意：如果本地文件在Firefox和Chrome上不工作，你必須要把HTML代碼放到一個Web服務器上。

網(wǎng)站題目：HTML5聯(lián)手jQuery實現(xiàn)超酷圖像灰度漸變效果
地址分享：http://www.dlmjj.cn/article/coijgge.html