仿美團炫酷動畫效果的A Z字母排序側邊庫1

2021-08-07 01:50:53 字數 1186 閱讀 2501

//熱門城市資料 ,不新增資料的時候會隱藏該布局arraylisthotcitylist = new arraylist<>();

hotcitylist.add("北京");

hotcitylist.add("上海");

hotcitylist.add("廣州");

hotcitylist.add("深圳");

hotcitylist.add("杭州");

hotcitylist.add("成都");

hotcitylist.add("廈門");

hotcitylist.add("天津");

hotcitylist.add("武漢");

hotcitylist.add("長沙");

//初始化以及配置

new easysidebarbuilder(mainactivity.this)

.settitle("城市選擇")

/*.setindexcolor(color.blue)*/

.setindexcolor(0xff0095ee)

/*.islazyrespond(true) //懶載入模式*/

.sethotcitylist(hotcitylist)//熱門城市列表

.setindexitems(mindexitems)//索引字母

.setlocationcity("廣州")//定位城市

.setmaxoffset(60)//索引的最大偏移量

.start();

//resultcode 是使用封裝好的easysidebarbuilder.code_siderequest

@override

protected

void

onactivityresult(int requestcode, int resultcode, intent data)

break;

default:

break;

}}

幾個炫酷且實用的CSS動畫效果

效果圖 滑鼠滑入按鈕時,按鈕中原本的文字從下方滑走,同時在原位置上,按鈕文字單個挨個浮現。原本文字和後面單個浮現的文字內容可不一致,可根據需要進行調整 實現思路 用div模擬button按鈕,並將按鈕文字單個單個的放在其子元素span中,用於後面的單個顯示。而滑鼠沒有觸發時的靜止狀態文字則由div按...

用 CSS 實現酷炫的動畫充電效果

循序漸進,看看只使用 css 可以鼓搗出什麼樣的充電動畫效果。當然,電池充電,首先得用 css 畫乙個電池,這個不難,隨便整乙個 歐了,勉強就是它了。有了電池,那接下來直接充電吧。最最簡單的動畫,那應該是用色彩把整個電池灌滿即可。方法很多,也很簡單,直接看效果 有內味了,如果要求不高,這個勉強也就能...

8個超炫酷仿HTML5動畫原始碼

這次我們要來分享一款非常炫酷的css3進度條動畫,其樣式風格類似於星球大戰裡面的那些雷射劍效果。頁面初始化時,可以設定進度條的值,但是我們也可以利用其配套的藉口來動態改變進度條的值,使用起來比較方便。另外以前介紹過一款css3 3d進度條,其風格也類似。這次我們要來分享一款基於jquery的旋轉外掛...