scriptaculous 效果集合

2022-07-08 19:42:09 字數 1478 閱讀 3572

包含以下幾個部分::提供了一種方便的建立html元素的方法 

controls.js

dragdrop.js: 提供元素拖放的功能 

effects.js

slider.js: 乙個滑動條控制項 

消失效果

new effect.puff

//放大後消失

new effect.squish

//元素左上腳消失效果

new effect.fold

//元素先向上收縮後再向左收縮後消失

new effect.shrink

//在中心點消失

new effect.dropout('img');//讓元素掉下去一樣的消失

new effect.fade('img');//

逐漸隱藏元素

顯示效果

("img"); //逐漸顯示出隱藏元素

變化效果

new effect.switchoff('img');//收縮至左中點

new effect.blinddown('img');//左上角頂點向下展開

new effect.blindup('img');//收縮至左上角頂點

new effect.scale

//變大200%。也可變小

new effect.grow

//中心點逐漸變大

new effect.opacity('img', );  //透明度變化

移動效果

new effect.move('img',);//移動

其它效果

new effect.pulsate

//元素跳動閃爍效果

new effect.shake('img');//元素左右震動效果

new effect.highlight('content');//高亮效果

new effect.morph

//樣式變化

//聯合多個效果核心效果,一系列效果

var oanimation = new effect.parallel([

new effect.move("volumetrack",),

new effect.opacity("volumetrack",)

],);

scriptaculous 序列化 拖動div

準備 包含庫檔案 可排序物件 例子 以下 將建立乙個列表,並且可以拖動排序,每次移動戶都將觸發乙個可以返回列表順序的函式,並且已經序列化,可以通過ajax傳給伺服器端。建立列表 開始建立可排序元件 而非整個 建構函式中的引數列表 引數名 初始值 說明 element element tag li a...

變形效果 過度效果

變形效果 transform 屬性值為變形函式 1 縮放函式scale x,y saclex x sacle y 大於1方大小於1縮小 2 平移函式translate x,y translatex x translatey y 相對於元素的原始位置進行平移 3 旋轉函式rotate deg 單位為d...

EasyUI效果 彈出頁面效果

easyui 效果 右擊選單 接下來寫一下彈出頁面效果。這個效果就是,我寫乙個正常的頁面,然後在另乙個頁面寫上事件,將這個頁面整個作為彈出頁面進行彈出 這個做的原因是 這個正常的頁面即可以作為正常頁面存在 也可以通過方法彈出顯示 而不用跳轉過去 算是方便檢視吧.首先 setstudentno jsp...