jquery動畫效果學習筆記簡介
基本動畫程式碼:
複製程式碼 程式碼如下:
$(document)y(function()
{
//基本的動畫函式主要分為show, hide和toggle三個. 都提供了無引數的版本
//並且都提供了兩個引數的過載,如show( speed, [callback] ),
//callback,簽名如下:function callback() {this;}在回撥函式中的this 是執行此函式的`DOM 物件. 會在動畫結束時執行.
//因為回撥函式可以省略, 所以可以傳入一個數值作為唯一引數, 則會在引數規定的時間內用動畫效果的顯示/隱藏元素
//引數可以使用三種預定速度之一的字串("slow", "normal", "fast")
//或直接使用數字表示動畫時長,單位是毫秒數值(如500).
//動畫速度
var speed = 500;
//繫結事件處理
$("#btnShow")k(function(event)
{
//取消事件冒泡
Propagation();
//設定彈出層位置
var offset = $(et)et();
$("#divPop")({ top: + $(et)ht()+ "px", left: });
//動畫顯示
$("#divPop")(speed);
});
//單擊空白區域隱藏彈出層
$(document)k(function(event) { $("#divPop")(speed) });
//單擊彈出層則自身隱藏
$("#divPop")k(function(event) {
Propagation()
$("#divPop")(speed);
});
var flip = 0;
$("#btnP")k(function () {
$("p")le("fast");
//$("p")le( flip++ % 2 == 0 );
});
//繫結事件處理
$("#btnT")k(function(event)
{
//取消事件冒泡
Propagation();
//設定彈出層位置
var offset = $(et)et();
$("#divPop")({ top: + $(et)ht() + "px", left: });
//切換彈出層的顯示狀態
$("#divPop")le(speed);
});
});
顯示提示文字
顯示段落
toggle函式測試
彈出層
這個是一個段落
這個是第二個段落
============================================================
滑動動畫和透明動畫效果程式碼:
複製程式碼 程式碼如下:
$(document)y(function()
{
//滑動動畫效果
$("#btnShow")k(function(){
$("#divPop")eDown("fast");
});
$("#btnHide")k(function(){
$("#divPop")eUp("slow");
});
$("#btnT")k(function(){
$("#divPop")eToggle("slow");
});
//透明度動畫效果
$("#bShow")k(function(){
$("#divPop")In(2000);
});
$("#bHide")k(function(){
$("#divPop")Out("slow");
});
//指定到透明度
$("#bHelf")k(function(){
$("#divPop")To("slow",0.3);
});
});
顯示提示文字
隱藏提示文字
toggle函式測試
淡入
淡出
半透明
彈出層
這個是一個段落
這個是第二個段落
-
SQL語句型別的標準模式
1、查詢語句:主要是由select關鍵字完成2、事務控制語句:主要由commit、rollback和savepoint三個關鍵字完成3、DML(資料操作語言)語句:主要由、update和三個關鍵字完成4、DDL(資料定義語言)語句:主要由create、alter、drop和truncate四個關鍵字完成5、DCL(資料控制...
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想說說javascript中函式的隱含引數:argumentsarguments該物件代表正在執行的函式和呼叫它的函式的引數。[function.]arguments[n]引數function:選項。當前正在執行的Function物件的名字。n:選項。要傳遞給Function物件的從0開始的引數值...
-
asp下去除超連結函式
複製程式碼程式碼如下:<%FunctionReplaceUrl2(HTMLstr)Dimn,str1,str2,str3,str4HTMLstr=Lcase(HTMLstr)Forn=1toUbound(Split(HTMLstr,"(.+?)"RegRemoveHref=ace(HTMLstr,"$1")ENDFunction...
-
JavaScript中的style.cssText使用教程分解
很多人用過r、lay等直接設定元素的.樣式屬性,但是ext用過的人就不多了。cssText本質是什麼?cssText的本質就是設定HTML元素的style屬性值。cssText怎麼用?複製程式碼程式碼如下:lementById("d1")ext="color:red;font-size:13px;";看了這個示例後,相信不說,也知道ext是什...