1/使用-webkit-filter: grayscale(100%);css3灰度屬性 ie filter:Gray;移動上去移除這個屬性 //引入插件<script type="text/javascript" src="grayscale.js"></script>

除了css，js和html在性能優(yōu)化的時候都不需要改動，這就是我一開始提到了mvc分離，對于后期維護和性能優(yōu)化都有一定的好處，不知道能不能幫到你

</script>兼容所有瀏覽器，執(zhí)行后會在元素上加入很多行內(nèi)樣式，如果你對兼容性要求不高的話建議使用CSS實現(xiàn)灰度效果。2、jq 點擊切換src

具體圖片位置根據(jù)合成的圖片去定義了，這樣請求的圖片就只需要請求一張了

//調(diào)用插件<script type="text/javascript">

js只控制行為，對于樣式就交給css去實現(xiàn)吧，做好行為樣式內(nèi)容的分離。在HTML中分別為這十四個元素定義好類名，然后在CSS里分別為這些元素使用不同的背景，如下：

總結(jié)

以上是生活随笔為你收集整理的点击实现图片切换的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。