css3的乙個小demo（箭頭hover變化）

1

doctype html
>
2<
html 
lang
="en"
>
3<
head
>
4<
meta 
charset
="utf-8"
>
5<
style 
type
="text/css"
>6a
89.select-self-area .select-btn .i-up-down 
13.select-self-area .select-btn .i-up-down i 
1718
.select-self-open .i-up-down .i-up-down-l 
23.select-self-open .i-up-down .i-up-down-r 
2829
3031
.select-self:hover .i-up-down-l, .up-down-btn:hover .i-up-down-l, .up-down-btn.open .i-up-down-l 
35.select-self:hover .i-up-down-r, .up-down-btn:hover .i-up-down-r, .up-down-btn.open .i-up-down-r 
3940
.i-up-down 
50.i-up-down i 
56.i-up-down .i-up-down-l 
61.i-up-down .i-up-down-r 
6667
68style
>
69<
title
>箭頭顯示
title
>
70head
>
71<
body
>
72<
div 
class
="shipping-addr-more"
>
73<
a class
="addr-more-btn up-down-btn"
href
="#"
>
74         more
75<
i class
="i-up-down"
>
76<
i class
="i-up-down-l"
>
i>
77<
i class
="i-up-down-r"
>
i>78i
>79a
>
80div
>
81body
>
82html
>

主要是利用css3的transform的旋轉變化來修改

其中transtion語法：

transition: property

duration
timing-function
delay;
transition:  過渡效果的 css 屬性的名稱  渡效果需要多少秒或毫秒 
過渡效果何時開始

ease-in    規定以慢速開始的過渡效果（等於 cubic-bezier(0.42,0,1,1)）。    

ease-out    規定以慢速結束的過渡效果（等於 cubic-bezier(0,0,0.58,1)）。    

ease-in-out    規定以慢速開始和結束的過渡效果（等於 cubic-bezier(0.42,0,0.58,1)）。

aop的乙個小demo

註解方式通知配置增強 切入點及前置通知，後置通知，返回通知，異常通知，環繞通知的配置 aspect service publicclasslogaspect before dolog publicvoiddobefore after dolog publicvoiddoafter 核心業務正常結束時...

CSS簡單實現乙個箭頭

如題，用簡單幾行css 實現乙個箭頭。其實有很多不同的方法可以實現，比如旋轉乙個有背景顏色的div，再把多餘的部門覆蓋掉等等。在這裡記錄一下不同思路。css divhtml 就乙個div 效果圖 解析 關鍵在於對邊框的理解。首先給出乙個div，四周加上邊框，再放大邊框看一看效果 很明顯了，把邊框設定...

ZK ACL訪問的乙個小demo

zookeeper zk new zookeeper 192.168.1.188,192.168.1.189,192.168.1.190 50000,w arraylistacls new arraylist acl acl1 new acl zoodefs.perms.all,new id dig...