前端開發學習筆記五

2022-03-28 11:39:56 字數 542 閱讀 7931

幽靈按鈕最近很流行,就尋思著做了乙個,它有如下一些效果。

其中按鈕上的線條和圖示的旋轉完全用css3中的transtion和transform來實現,其中圖示的旋轉效果實現過程如下:

.link .img.mis .img.link .img:hover
按鈕的線條效果與上面的方法類似,而按鈕上的提示文字使用js來實現的。

主要原理就是通過js獲取按鈕上相應的title(即要顯示的文字),然後將其增加在提示框內,在通過判定當前按鈕的位置來設定提示框要出現的相應位置。

$(function

()).animate(,300);

},

function

(),300);})

})

//用了jquery框架中的hover(function(),function())函式,前乙個函式為滑鼠放上去的動作,後乙個為滑鼠離開時的動作。

前端學習筆記(五)

學習完w3school中的html和css基礎,嘗試著做一些簡單的頁面 用 進行布局,進行布局,好處在於 簡單,邏輯性不是很強,實現快,但是如果需要修改頁面的話,就比較麻煩,而且有時候載入頁面時間比較長。下面是實現的頁面效果。進行布局的時候有多重巢狀,需要細心,防止出現漏寫或者標籤未關閉的情況,造成...

前端學習開發筆記第五天

1 企業開發中,一般使用padding來設定巢狀標籤之間的布局,margin屬性一般用於兄弟標籤之間。2 企業開發中,一般使用margin 0 auto 將本標籤在父標籤中設定為水平居中,而上下居中無法利用auto元素。3 企業開發中,一般使用 將標籤的缺省內外邊距設定為0以免他們影響自己的布局。4...

iphone 開發學習筆記五

從.net c 到 cocoa touch objective c的移植工作進行得比較緩慢,完成了二維圖形庫內部類大約 多個類的移植,工作量太量,最終決定放棄,這裡對移植工作作個小結,以作為以後移植工作參考。name space objective c 不支援命令空間,而是採用字首的方式來避免命名衝...