網頁特效過渡功能

2022-04-05 14:59:18 字數 699 閱讀 6048

如何在網頁進入和離開時以特效如百葉窗,捲簾等效果顯示呢?其實很簡單,只要在網頁的標籤之間加乙個特別的就好了,具體如下:

http-equiv="page-enter":此屬性設定特效發生的時期,具體值有

page_enter  : 進入頁面時期

page-exit   : 離開頁面時期

site-enter  : 進入**時期

site-exit   : 離開**時期

duration:網頁過度的時間,單位為「秒」

transition:轉換的特效,共有24種特效,由0~23表示,具體如下:

盒狀收縮 0 

盒狀展開  1

圓形收縮  2 

圓形展開  3

向上擦除  4

向下擦除 5

向左擦除  6

向右擦除 7

垂直百頁窗 8

水平百頁窗  9

橫向棋盤式 10

縱向棋盤式  11

溶解  12

左右向中部收縮 13

中部向左右展開  14

上下向中部收縮 15

中部向上下展開  16

階梯狀向左下展開  17

階梯狀向左上展開 18

階梯狀向右下展開 19

階梯狀向右上展開 20

隨機水平線  21

隨機垂直線  22

隨機 23

PC端網頁特效

動態得到相關元素的位置 大小 1.獲得元素距離帶有定位的父元素的位置 2.獲得元素自身的大小 返回的數值都不帶單位 offsettop 可以得到元素的偏移 位置 返回的不帶單位的數值 offsetleft offsetwidth 可以得到元素的大小 寬度和高度 是包含padding border w...

js簡易網頁特效

上一月 span nian 2022 span next 下一月 span p yue 一月 h5 title 日 li 一 li 二 li 三 li 四 li 五 li 六 li ul date ul div let date newdate 獲取預設時間物件 add 當頁面第一次進入時觸發一下 ...

Dojo 網頁特效基礎 12

在這個教程中,我們將講解dojo 中的特效使用,它將使你的網頁或應用更加有趣。到目前為止,我們已經很容易操作dom 以及處理dom節點的事件。可是,我們在做這些動作時 刪除,新增節點等 過渡時會很生硬 刪除乙個節點使它從乙個頁面中消失,突然的消失會讓瀏覽者感到迷惑。使用 dojo提供的標準特效,我們...