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