午夜国产狂喷潮在线观看|国产AⅤ精品一区二区久久|中文字幕AV中文字幕|国产看片高清在线

    jquery簡(jiǎn)單特效2
    來(lái)源:易賢網(wǎng) 閱讀:1295 次 日期:2014-08-13 16:43:26
    溫馨提示:易賢網(wǎng)小編為您整理了“jquery簡(jiǎn)單特效2”,方便廣大網(wǎng)友查閱!

    jquery第十七課,jquery特效處理2,對(duì)象的淡入淡出,還有就是自定義動(dòng)畫效果.這個(gè)自定義就得靠自己的腦子編特效了.

    參考共用代碼

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <HTML><HEAD><TITLE>jquery特效處理</TITLE>

    <script language="javascript" src="jquery-1.4.2.min.js"></script>

    <SCRIPT language="javascript">

    $(function(){

    <!--www.forasp.cn jquery代碼區(qū)-->

    });

    </SCRIPT>

    <BODY>

    <div id="www" style="display:none;">網(wǎng)站制作學(xué)習(xí)網(wǎng)>

    <div id="foraspcn" style="background-color: #f00;height=100;width:300;">jquery特效處理</div>

    </BODY>

    </HTML>

    3.淡入淡出效果.

    (1).fadeIn(speed,[callback]);通過(guò)不透明度的變化來(lái)實(shí)現(xiàn)所有匹配元素的淡入效果,并在動(dòng)畫完成后可選地觸發(fā)一個(gè)回調(diào)函數(shù).speed跟上一節(jié)一樣有常規(guī)的"slow"0.6s,"normal"0.4s和"fast"0.2s.(下面的都一樣),元素的其他屬性不變.

    jQuery實(shí)例:$("#www").fadeIn("slow");試試看,這樣"網(wǎng)站制作學(xué)習(xí)網(wǎng)",由不顯示(透明)逐漸變成顯示(不透明)(0.6s).

    $("#www").fadeIn("slow",function(){alert("網(wǎng)站制作學(xué)習(xí)網(wǎng)顯示完畢")});當(dāng)顯示完成后,彈出"網(wǎng)站制作學(xué)習(xí)網(wǎng)顯示完畢"對(duì)話框

    (2).fadeOut(speed,[callback]);通過(guò)不透明度的變化來(lái)實(shí)現(xiàn)所有匹配元素的淡出效果,并在動(dòng)畫完成后可選地觸發(fā)一個(gè)回調(diào)函數(shù),參數(shù)同上.

    jQuery實(shí)例:$("#foraspcn").fadeOut(5000,function(){alert("特效fadeOut執(zhí)行完畢")}); 效果5秒,jquery特效處理層從顯示(不透明)到不顯示(透明).完畢后彈出對(duì)話框.

    (3).fadeTo(speed,opacity,[callback]);把所有匹配元素的不透明度以漸進(jìn)方式調(diào)整到指定的不透明度,并在動(dòng)畫完成后可選地觸發(fā)一個(gè)回調(diào)函數(shù)。參數(shù)同上.opacity表示透明度從0-1;0表示透明(不顯示),1表示不透明(顯示).比如0.5也就是透明度50%.

    jQuery實(shí)例:$("#foraspcn").fadeTo("slow",0.5,function(){alert("變成半透明了把!")});

    4.創(chuàng)建自定義動(dòng)畫

    (1).animate(params, [duration], [easing], [callback]);用于創(chuàng)建自定義動(dòng)畫的函數(shù)<網(wǎng)站制作學(xué)習(xí)網(wǎng)Foasp.cn>

    參數(shù)介紹:

    params:一組包含作為動(dòng)畫屬性和終值的樣式屬性和及其值的集合 比如{height:"100px",width:"200px"}

    duration:也就是上面的speed,三種預(yù)定速度之一的字符串("slow", "normal", or "fast")或表示動(dòng)畫時(shí)長(zhǎng)的毫秒數(shù)值(如:1000)可選

    easing:要使用的擦除效果的名稱(需要插件支持).默認(rèn)jQuery提供"linear" 和 "swing".可選

    callback:回調(diào)函數(shù).可選.

    在這里就舉例一個(gè),對(duì)于easing 是需要插件支持的.目前沒有實(shí)用就不做easing例子了.

    例子:

    $("#foraspc").animate(

    {height:"50px",width:"100px",opacity:"0.8"},

    1000,

    function(){alert("執(zhí)行完畢")}

    );

    試試看效果.

    (2).stop([clearQueue], [gotoEnd])停止所有在指定元素上正在運(yùn)行的動(dòng)畫

    $("#foraspcn").bind("click",function(){$("#www").stop();}); 當(dāng)點(diǎn)擊第二個(gè)div時(shí),第一個(gè)層停止動(dòng)作

    (3).delay(duration, [queueName]);設(shè)置一個(gè)延時(shí)來(lái)推遲執(zhí)行隊(duì)列中之后的項(xiàng)目duration延時(shí)時(shí)間,單位:毫秒queueName隊(duì)列名詞,默認(rèn)是Fx,動(dòng)畫隊(duì)列。

    舉例:$("#foraspcn").slideUp(300).delay(800).fadeIn(400); 看看效果把.

    5.jquery動(dòng)畫設(shè)置

    BooleanjQuery.fx.off關(guān)閉頁(yè)面上所有的動(dòng)畫

    jquery簡(jiǎn)單的特效就講完了.

    更多信息請(qǐng)查看IT技術(shù)專欄

    更多信息請(qǐng)查看腳本欄目
    易賢網(wǎng)手機(jī)網(wǎng)站地址:jquery簡(jiǎn)單特效2
    由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請(qǐng)考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)!

    2025國(guó)考·省考課程試聽報(bào)名

    • 報(bào)班類型
    • 姓名
    • 手機(jī)號(hào)
    • 驗(yàn)證碼
    關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡(jiǎn)要咨詢 | 簡(jiǎn)要咨詢須知 | 新媒體/短視頻平臺(tái) | 手機(jī)站點(diǎn) | 投訴建議
    工業(yè)和信息化部備案號(hào):滇ICP備2023014141號(hào)-1 云南省教育廳備案號(hào):云教ICP備0901021 滇公網(wǎng)安備53010202001879號(hào) 人力資源服務(wù)許可證:(云)人服證字(2023)第0102001523號(hào)
    云南網(wǎng)警備案專用圖標(biāo)
    聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關(guān)注公眾號(hào):hfpxwx
    咨詢QQ:1093837350(9:00—18:00)版權(quán)所有:易賢網(wǎng)
    云南網(wǎng)警報(bào)警專用圖標(biāo)