mac chrome 標籤效果實現

2021-08-24 22:24:56 字數 537 閱讀 5226

google 發布了 mac 版的chrome,據說增加了幾萬行 mac 下特有的平台**,效能沒啥察覺,倒是 mac chrome 的標籤效果挺有趣,在關閉和開啟新標籤時,按照google的說法,順應mac平台增加了一些滑動效果。

在 tabpanellite

實現一下呵 :

演示 @ google code

注意事項:

1. 關鍵要熟悉 extjs 的動畫機制,詳見

ext.fx分析

, ext.lib.anim分析

2. 注意 動畫wrap的生成,不能完全依賴extjs ,要自己訂製wrap了。

/*建立tab包裝層,用來定位改變大小並移動,關鍵overflow:hidden,tab在其中絕對定位*/

var wrap= lis.item(index).wrap(

});/*開始動畫*/

lis.item(index).slideout('bl',

});

名片效果實現

模仿qq空間 微博等滑鼠懸浮在人名上時,顯示使用者詳細資訊 大體思路是將名片卡隱藏在頁面中,當懸浮時將名片卡移動到滑鼠邊,滑鼠移開時隱藏名片卡。本文的js使用了jquery 使用者名稱跟名片卡 如下 只是為了顯示類名,具體內容按需補充 使用者名稱 js 如下 var showmsgcardcontr...

抽屜效果實現

import viewcontroller.h define maxy 60 inte ce viewcontroller property nonatomic,weak uiview mainview property nonatomic,weak uiview leftview property...

漸入效果實現

首先我們來幅 析下漸入效果的原理 由圖可以看出,整個漸入的效果分為三層,分別為 最外層 內容包裹層和內容層。其中最外層 內容包裹層和內容層三層的寬高是一致的。開始狀態下,最外層和內容包裹層均將超出的部分隱藏,這樣其實最開始的時候只能看見最外層左邊的50 和內容包裹層左邊的50 內容是完全看不見的。首...