一個背景云變換js特效 鼠標(biāo)移動背景云變化
更新時間：2012年12月28日 17:32:16 投稿：whsnow
分享一個背景云變換js特效隨著鼠標(biāo)的移動，背景云會不斷的變化位置和形狀,感興趣的朋友可以研究下
在群里有人要個比較個性的企業(yè)網(wǎng)站，詩緣妹子就貼了一個網(wǎng)址，我沒事也點了看了下，果真不錯。下面你就想到了，這個背景云變換js特效我看上眼了。
由于用的一些css3屬性，部分低版本的瀏覽器可是沒有效果的哦。
使用方法很簡單，直接在你所要實現(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)文章
最近開發(fā)了一個項目，其中有功能要用戶點擊下拉框可以實現(xiàn)多選的效果，下文給大家分享實現(xiàn)核心代碼和combobox的取值與賦值的代碼，對easyui組合框相關(guān)知識感興趣的朋友一起看看吧2016-10-10
javascript特殊用法你知道嗎？下面為大家介紹下與function函數(shù)相關(guān)的東西2013-11-11
這篇文章主要為大家詳細(xì)介紹了layui前段框架日期控件使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
jQuery實現(xiàn)點擊下拉框輸入框時，自動顯示下面的下拉列表，而且是根據(jù)輸入框中輸入的搜索添加，自動在后臺查找，然后傳到前臺，展現(xiàn)頁面2013-10-10
為JQuery EasyUI 表單組件增加焦點切換功能的方法
下面小編就為大家?guī)硪黄獮镴Query EasyUI 表單組件增加焦點切換功能的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
在項目中，我們經(jīng)常要遇到上傳圖片，這就需要我們必須要驗證圖片的格式與大小，那么如何來操作呢，今天就給大家分享一個非常簡單的jQuery驗證上傳圖片的格式與大小的代碼。2014-12-12
一些常用的驗證腳本2010-07-07
可見性過濾選擇器對于dom中隱藏的一些元素還是比較實用的，具體的使用方法如下，感興趣的朋友可以參考下哈，希望對大家有所幫助2013-06-06
下面小編就為大家?guī)硪黄猨Query基本選擇器(實例及表單域value的獲取方法)。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
這篇文章主要介紹了jQuery給元素添加樣式的方法,結(jié)合實例形式詳細(xì)分析了jQuery給元素添加樣式的各種常見操作技巧,需要的朋友可以參考下2015-12-12