之前為大家介紹過一款純css3實現的圓形旋轉分享按鈕。今天要給大家帶來一款基於jquery的圓形動畫按鈕。這款按鈕滑鼠經過的時候以邊框轉圈,然後逐漸訊息,在例項中給出了四種顏色的demo。效果圖如下:
實現的**。
html**:
<css**:figure
class
='red'
>
<
div
class
='icon'
>
idiv
>
<
div
class
='circle'
>
div>
figure
>
<
figure
class
='blue'
>
<
div
class
='icon'
>
jdiv
>
<
div
class
='circle'
>
div>
figure
>
<
figure
class
='green'
>
<
div
class
='icon'
>
gdiv
>
<
div
class
='circle'
>
div>
figure
>
<
figure
class
='orange'
>
<
div
class
='icon'
>
hdiv
>
<
div
class
='circle'
>
div>
figure
>
.blue .circle .blue:hover .circle .blue:hover .icon .green .circle .green:hover .circle .green:hover .icon .orange .circle .orange:hover .circle .orange:hover .icon body figure .circle figure:hover .circle .icon figure:hover .icon @keyframes hoorai 50% 100% }
分享一款jQuery的UI外掛程式 Ninja UI
今天分享一款jquery的ui外掛程式 ninja ui 這個外掛程式使用jquery本身的語法來開發介面元素,而且你不需要關注css樣式相關設定,因為整個css樣式都被直接寫到了外掛程式中,不過壞處是,你需要 在開發前就確定好css,同時目前提供倆個型別的主題。外掛程式使用簡單,如果你會寫jque...
一款基於jquery固定於頂部的導航
今天給大家分享一款基於jquery固定於頂部的導航,這款導航當瀏覽器滾動條位於頂部時,導航高度較高,當瀏覽器滾動向下滾動時,導航高度自動減低,並位於頂部。效果圖如下 實現的 html div id page div id data 0 height 192px data 128 height 64p...
分享一款智慧型dns系統
wddns讓你可以再最短時間內架構一套dns 智慧型dns系統 基於bind mysql構建開發,安裝方便,快速,讓你可在最短時間內架構一套dns 智慧型dns系統.目前支援電信 網通 教肓網 移動 鐵通 廣電 按省份解析 31個省市 搜尋引擎蜘蛛等多線路,具有強大的監控功能,伺服器健康檢測,即宕機...