一個背景云變換js特效 鼠標(biāo)移動背景云變化
更新時間：2012年12月28日 17:32:16 投稿：whsnow
分享一個背景云變換js特效隨著鼠標(biāo)的移動，背景云會不斷的變化位置和形狀,感興趣的朋友可以研究下
在群里有人要個比較個性的企業(yè)網(wǎng)站，詩緣妹子就貼了一個網(wǎng)址，我沒事也點(diǎn)了看了下，果真不錯。下面你就想到了，這個背景云變換js特效我看上眼了。
由于用的一些css3屬性，部分低版本的瀏覽器可是沒有效果的哦。
使用方法很簡單，直接在你所要實(shí)現(xiàn)效果的最底層加入：
復(fù)制代碼 代碼如下:
<!--parallax-->
<link rel="stylesheet" type="text/css" href="http://files.cnblogs.com/lhb25/parallax.css">
<script type="text/javascript" src="http://files.cnblogs.com/lhb25/parallax.js"></script>
<script>$(function(){$('#cloud').fhparallax();});</script>
<div class="cloud_bottom" style="z-index:-999;margin-top:-420px">
<div id="cloud" class="parallax_world" data-zoommin="100" data-zoommax="120">
<div id="cloud_2" class="parallax_world_class fadeup" data-startx="-200" data-endx="-400" data-startx_ie8="-200" data-endx_ie8="-400" data-starty="100" data-endy="120" data-starty_ie8="100" data-endy_ie8="120" data-startskew="0" data-endskew="0" data-zoomxoffset="-60" data-zoomxendoffset="-60" data-zoomxoffset_ie8="-60" data-zoomxendoffset_ie8="-60">
<img src="http://pic002.cnblogs.com/images/2012/36987/2012102412555171.png">
</div>
<div id="cloud_1" class="parallax_world_class fadeup" data-startx="200" data-endx="450" data-startx_ie8="300" data-endx_ie8="500" data-starty="320" data-endy="450" data-starty_ie8="270" data-endy_ie8="400" data-startskew="0" data-endskew="0" data-zoomxoffset="8" data-zoomxendoffset="9" data-zoomxoffset_ie8="8" data-zoomxendoffset_ie8="9">
<img src="http://pic002.cnblogs.com/images/2012/36987/2012102413474553.png">
</div>
</div>
</div>
<!--PageEndHtml Block End-->
相關(guān)文章
Jquery Easyui分割按鈕組件SplitButton使用詳解（17）
這篇文章主要為大家詳細(xì)介紹了Jquery Easyui分割按鈕組件SplitButton的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
jquery學(xué)習(xí)筆記之無new構(gòu)建詳解
大部分人使用 jQuery 的時候都是使用第一種無 new 的構(gòu)造方式，直接 $('') 進(jìn)行構(gòu)造，這也是 jQuery 十分便捷的一個地方。這篇文章主要給大家介紹了關(guān)于jquery學(xué)習(xí)筆記之無new構(gòu)建的相關(guān)資料，需要的朋友們下面來一起看看吧。2017-12-12
jQtransForm jQuery表單美化修飾插件，附帶有PHP提交程序，當(dāng)然ASP/ASP/NET/JSP都是同理，這里主要是jQuery美化部分的實(shí)例，美化對象為文本框、密碼框、文本域、Select下拉框、按鈕等，有了這些示例，美化其它的表單元素應(yīng)該不是大問題。2012-07-07
jquery ui bootstrap 實(shí)現(xiàn)自定義風(fēng)格
本文主要是給大家分享了jQuery UI bootstrap的自定義風(fēng)格，以及自定義的方法，非常的實(shí)用，有需要的小伙伴千萬不要錯過2014-11-11
這篇文章主要介紹了jQuery 移除事件的方法，文中講解非常詳細(xì)，代碼幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下2020-06-06
jquery清空input標(biāo)簽的值及清除標(biāo)簽里面的內(nèi)容
這篇文章主要介紹了jquery清空input標(biāo)簽的值,清除標(biāo)簽里面的內(nèi)容,清除input標(biāo)簽的值,可以通過直接將input標(biāo)簽的值設(shè)置為空來實(shí)現(xiàn),本文通過示例代碼給大家介紹的非常詳細(xì),需要的朋友參考下吧2023-10-10
jQuery EasyUI API 中文文檔 - Menu菜單
jQuery EasyUI API 中文文檔 - Menu菜單,學(xué)習(xí)jQuery EasyUI的朋友可以參考下。2011-10-10
jQuery Validation插件remote驗(yàn)證方式的Bug解決
jQuery插件很多，其中一個重要的插件便是jQuery Validation，它的作用是對表單進(jìn)行驗(yàn)證，還上了jQuery官網(wǎng)。2010-07-07
原生js和jQuery寫的網(wǎng)頁選項(xiàng)卡特效對比
本文實(shí)例中主要是通過判斷點(diǎn)擊菜單在菜單列表中的索引位置來顯示或隱藏選項(xiàng)區(qū).原生js還有很多種實(shí)現(xiàn)方法(藍(lán)色理想中搜索),為了與jQ版思路保持一致,本文實(shí)例用的是循環(huán)判斷.有需要的小伙伴可以參考下2015-04-04
這篇文章主要為大家詳細(xì)介紹了jQuery呼吸輪播圖制作原理，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10