HTML5刮刮樂抽獎(jiǎng)卡效果代碼基于html5 canvas+JS制作,刮卡效果實(shí)例,效果超贊,兼容PC端和手機(jī)平板移動(dòng)端,電腦端,按住鼠標(biāo)左鍵同時(shí)滑動(dòng)鼠標(biāo)進(jìn)行刮卡操作,手機(jī)平板移動(dòng)端,手指滑動(dòng)屏幕即可進(jìn)行刮卡。
HTML5+CSS3響應(yīng)式垂直時(shí)間軸,使用了HTML5標(biāo)簽,時(shí)間軸中所有的內(nèi)容包括標(biāo)題、簡介、時(shí)間和圖像都放在.cd-timeline-block的DIV中,多個(gè)DIV形成一個(gè)序列,并把這些DIV放在中。
smallworld.js是一個(gè)生成小世界地圖的小工具。使用GeoJSON和HTML5 Canvas繪制簡單世界地圖預(yù)覽,快速,高效,沒有嚴(yán)格的使用條款,并沒有繁重的客戶端庫。
HTML5百分比進(jìn)度條是一款基于jQuery實(shí)現(xiàn)的百分比進(jìn)度條特效代碼,有紅、黃、綠三種顏色漸變效果,分別代表不同百分比進(jìn)度,百分比進(jìn)度越大顏色越向綠色進(jìn)行漸變。
JS圓形走動(dòng)數(shù)字時(shí)鐘代碼基于HTML5、CSS3、JS制作,黑色風(fēng)格,自動(dòng)適應(yīng)屏幕分辨率大小,效果非常不錯(cuò)。
唯美雪景雪花飄落效果代碼基于ThreeCanvas.js和Snow.js制作,效果逼真,雪景背景圖片可根據(jù)實(shí)際需要自行更換,雪花飄落有鼠標(biāo)跟隨特效。
html5轉(zhuǎn)盤抽獎(jiǎng)代碼基于html5 canvas技術(shù)實(shí)現(xiàn),點(diǎn)擊開始旋轉(zhuǎn)按鈕,轉(zhuǎn)盤就會(huì)快速旋轉(zhuǎn),停止旋轉(zhuǎn)后,所在區(qū)域就是中獎(jiǎng)項(xiàng)目。獎(jiǎng)項(xiàng)可以自定義。
圣誕節(jié)動(dòng)態(tài)下雪頁面雪花飄落代碼基于HTML5 Canvas實(shí)現(xiàn),可以用來制作圣誕節(jié)主題相關(guān)的各種網(wǎng)頁特效。藍(lán)色的背景下,白色的雪花紛紛飄落,效果很不錯(cuò)!
OSChina公司發(fā)展歷程大事記時(shí)間軸基于impress.js和jquery-1.8.3.min.js制作,記錄了公司發(fā)展歷程大事記,炫酷效果,圖文并茂,帶背景音樂,支持自動(dòng)播放,難得的精品。
REVEAL.JS的演示實(shí)例,3D幻燈片,一個(gè)HTML5+CSS3技術(shù)的3D網(wǎng)頁內(nèi)容切換特效,查看本效果請?jiān)谥С諧SS3/HTML5標(biāo)簽的瀏覽器下運(yùn)行,比如IE9、火狐、Chrome等,ie8不支持本效果。 當(dāng)你打開網(wǎng)頁后,看到灰色背景,右下角會(huì)出現(xiàn)一個(gè)控制按鈕,可上下左右控制網(wǎng)頁向四個(gè)方向滾動(dòng)切換,視覺集中在頁面中央每次切換都是以滾動(dòng)的方式進(jìn)行;頁面不要太震撼,效果不要太絢麗,本人是陪奢華3D...
CSS3與HTML5實(shí)現(xiàn)的個(gè)性Checkbox復(fù)選框和單選按鈕Radio特效,多種風(fēng)格,將復(fù)選框和單選按鈕變成不同的形狀,演示了選中狀態(tài)和不選中時(shí)候的樣子,特別適合用于移動(dòng)應(yīng)用。
這是一款html5基于svg實(shí)現(xiàn)的彈性搖晃頁面切換效果源碼,是一款點(diǎn)擊左右箭頭可進(jìn)行彈性頁面切換效果代碼。切換時(shí)會(huì)出現(xiàn)頁面的左右彈性晃動(dòng)效果。整體效果逼真自然,動(dòng)感十足。是一款非常優(yōu)秀的特效源碼。建議使用支持HTML5的火狐或谷歌等瀏覽器預(yù)覽本源碼。
一個(gè)html5實(shí)現(xiàn)的簡單進(jìn)度條效果,進(jìn)度條非常簡單漂亮,無需任何圖片,經(jīng)測試效果相當(dāng)不錯(cuò),完全依靠JS代碼和HTML5實(shí)現(xiàn),值得學(xué)習(xí),建議在支持html5的瀏覽器下測試。
CSS時(shí)間軸3D效果實(shí)例,一套基于HTML5技術(shù)實(shí)現(xiàn)的CSS時(shí)間軸3D動(dòng)畫特效,效果場面很令人震撼,單擊之后會(huì)發(fā)現(xiàn)猶如一片樹葉勻速飄來帶來一陣微風(fēng),本人是贊不絕口啊,下載源碼實(shí)例后你就會(huì)發(fā)現(xiàn)它的神奇之處,HTML5真是好東西,本效果同樣來自于國外網(wǎng)站。
HTML5+JS實(shí)現(xiàn)的拖拽效果Demo,是通過簡單的幾句JS代碼及可實(shí)現(xiàn)將對象從一個(gè)容器拖拽到另外一個(gè)容器,請用谷歌瀏覽器或火狐瀏覽器查看效果。
HTML5 canvas太陽系八大行星運(yùn)行軌道圖,鼠標(biāo)經(jīng)過目標(biāo)行星顯示行星名稱。
超酷粒子效果進(jìn)度條是一款很有特色的HTML5+CSS3進(jìn)度條應(yīng)用。這款進(jìn)度條代碼在播放進(jìn)度過程中出現(xiàn)粒子效果,就像一些小顆粒從進(jìn)度條上散落下來,是一款別具特色的HTML5進(jìn)度條代碼。
HTML5 canvas點(diǎn)點(diǎn)相交線代碼,動(dòng)態(tài)相交線,原生JS。
HTML5數(shù)學(xué)函數(shù)公式計(jì)算代碼基于Bootstrap.3.3.4制作,有五次函數(shù)、三角函數(shù)計(jì)算功能,可輸出圖像。