原创 WOW.js – 鼠標向下滾動加載動畫（僅執行一次）
轉載網址：http://www.dowebok.com/131.html 簡介 有的頁面在向下滾動的時候，有些元素會產生細小的動畫效果。雖然動畫比較小，但卻能吸引你的注意。比如剛剛發佈的 iPhone 6 的頁面（查看）。如果你
2020-06-14 14:42:18
1
原创 CSS3 動畫效果整理
CSS3添加了幾個動畫效果的屬性，通過設置這些屬性，可以做出一些簡單的動畫效果而不需要再去借助JavaScript。CSS3動畫的屬性主要分爲三類：transform、transition以及animation。 ** trans
2020-06-14 14:42:18
原创 Scrollanim---鼠標向下滾動加載動畫，與wow.js類似
轉載地址：http://www.dowebok.com/217.html 加qq羣下載代碼： 簡介 Scrollanim 是使用 CSS3 + JavaScript 實現的用於創建滾動動畫的庫，應用到元素上後，當此元素出現在瀏覽
2020-06-14 14:42:18
1
原创 鼠標懸停，背景色漸變
簡單實現，沒有添加額外效果 <div></div> css代碼 div { width:300px; height:300px; background:blue; transition:background 1s; } div:h
2020-06-14 14:42:18
原创 CSS和JS鏈接地址中帶的問號是做什麼的
細心的同學經常會發現一些新東西，學習了就會使之進步。如果平時不愛自己多鑽研，只等着別人喂現成的，只會被時代淘汰。所以，不放過每一次學習的機會是非常重要的！這是我最近的工作體會，拿來和大家分享，也由這個感觸引到下面的問題。
2020-06-14 14:42:18
原创 簡單的二級導航頁面（純css實現，運用display屬性hover）
html代碼 <div class="menu"> <ul> <li><a href="#" class="bccolor">首頁</a></li> <li><a href="#">關於我們<
2020-02-23 10:37:10
原创 animate.css – 齊全的CSS3動畫庫
本文轉載自網絡，方便大家學習：http://www.dowebok.com/98.html 原網站有動畫實例，建議 JavaScript 或 jQuery 給需要的地方添加動畫效果，不用改變原來的結構 簡介 animate.c
2020-02-23 10:37:10
原创 css3動畫垂直翻轉180度
html代碼 <ul class="flatflipbuttons"> <li><a href="http://www.w2bc.com" title="Search"><span class="icon-
2020-02-23 10:37:10
原创 animate.css 全部代碼分析
@charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT licen
2020-02-23 10:37:10
原创 scrollReveal.js – 頁面上下滾動時動畫多次播放
轉載地址：http://www.dowebok.com/134.html 簡介 和 WOW.js 一樣，scrollReveal.js 也是一款頁面滾動顯示動畫的 JavaScript，能讓頁面更加有趣，更吸引用戶眼球。不同的是
2020-02-23 10:37:10
原创 jquery輪播特效（左右輪播）
html代碼 <div id="wrapper"><!-- 最外層部分 --> <div id="banner"><!-- 輪播部分 --> <ul class="imgList"><!-- 圖片部分 -->
2020-02-23 10:37:10
原创 鼠標懸停，圖片旋轉360°特效代碼
html代碼 <div class="picxz"></div> css代碼 * { margin:0; padding:0; list-style:none; } body { backgroun
2020-02-23 10:37:10
原创 文字下劃線效果（標題hover效果）
文字下劃線效果（標題hover效果） <!-- html結構 --> <div> <a href="javascript:void(0);" class="demo1">自己實現的hover效果</a> </div> /* c
2020-02-23 10:37:10
原创 css3動畫的使用（@keyframes）
一、CSS3 @keyframes 規則 @keyframes 規則用於創建動畫。在 @keyframes 中規定某項 CSS 樣式，就能創建由當前樣式逐漸改爲新樣式的動畫效果。 目前支持的瀏覽如下:opera,firefox
2020-02-23 10:37:10
原创 CSS3餅狀圖loading旋轉動畫
CSS代碼： .wrap { width: 64px; height: 64px; position: relative; } .outer { position: absolute; width: 100%; height:
2020-02-23 10:37:10