日本好好热aⅴ|国产99视频精品免费观看|日本成人aV在线|久热香蕉国产在线

  • <cite id="ikgdy"><table id="ikgdy"></table></cite>
    1. 西西軟件園多重安全檢測下載網站、值得信賴的軟件下載站!
      軟件
      軟件
      文章
      搜索

      首頁編程開發(fā)javascript|JQuery → 自己寫的JS實現淡入淡出效果(fadeIn/fadeOut/fadeTo)

      自己寫的JS實現淡入淡出效果(fadeIn/fadeOut/fadeTo)

      相關軟件相關文章發(fā)表評論 來源:Mr.Think時間:2011/1/29 21:20:44字體大。A-A+

      作者:佚名點擊:495次評論:0次標簽: jQuery

      • 類型:編程輔助大。109KB語言:中文 評分:5.0
      • 標簽:
      立即下載
       淡入淡出效果,在日常項目中經常用到,可惜原生JS沒有類似的方法,而有時小的頁面并不值得引入一個jQuery庫,所以就自己寫了一個,已封裝, 有用得著的朋友, 可以直接使用. 代碼中另附有一個設置元素透明度的方法, 是按IE規(guī)則(0~100)設置, 若改成標準設置方法(0.00~1.00), 下面使用時請考慮浮點精確表達差值. 參數說明: fadeIn()與fadeOut()均有三個參數,第一個是事件, 必填; 第二個是淡入淡出速度, 正整數, 大小自己權衡, 可選參數; 第三個, 是指定淡入淡出到的透明度值(類似于jQuery中的fadeTo()), 0~100的正整數值, 也是可選參數. 核心代碼及演示: 查看樣例演示

      01 //淡入效果(含淡入到指定透明度)

      02 function fadeIn(elem, speed, opacity){

      03 /*

      04 * 參數說明

      05 * elem==>需要淡入的元素

      06 * speed==>淡入速度,正整數(可選)

      07 * opacity==>淡入到指定的透明度,0~100(可選)

      08 */

      09 speed = speed || 20;

      10 opacity = opacity || 100;

      11 //顯示元素,并將元素值為0透明度(不可見)

      12 elem.style.display = 'block';

      13 iBase.SetOpacity(elem, 0);

      14 //初始化透明度變化值為0

      15 var val = 0;

      16 //循環(huán)將透明值以5遞增,即淡入效果

      17 (function(){

      18 iBase.SetOpacity(elem, val);

      19 val += 5;

      20 if (val <= opacity) {

      21 setTimeout(arguments.callee, speed)

      22 }

      23 })();

      24 }

      25

      26 //淡出效果(含淡出到指定透明度)

      27 function fadeOut(elem, speed, opacity){

      28 /*

      29 * 參數說明

      30 * elem==>需要淡入的元素

      31 * speed==>淡入速度,正整數(可選)

      32 * opacity==>淡入到指定的透明度,0~100(可選)

      33 */

      34 speed = speed || 20;

      35 opacity = opacity || 0;

      36 //初始化透明度變化值為0

      37 var val = 100;

      38 //循環(huán)將透明值以5遞減,即淡出效果

      39 (function(){

      40 iBase.SetOpacity(elem, val);

      41 val -= 5;

      42 if (val >= opacity) {

      43 setTimeout(arguments.callee, speed);

      44 }else if (val < 0) {

      45 //元素透明度為0后隱藏元素

      46 elem.style.display = 'none';

      47 }

      48 })();

      49 }
        html編輯器
        (73)html編輯器
        我們做網頁的時候最難找的就是編輯器,網上找一個吧,要不是圖片上傳錯誤,就是到處都是錯誤,垃圾太多.大家都需要一個簡單,速度快的.西西為您提供最好用的編輯器一站式下載編輯器定義編輯器指的是一類編輯制作工具,可自定義窗囗,編輯主題索引,可選擇添搜索頁,無任何不自由。編輯器哪個好用小編個人比較喜歡使用和,這兩款編輯器軟件都有不錯的表現。至于編輯器哪個好用,這就要根據你的個人需求去選擇對應的編輯器啦...更多>>
        dreamweaver cs6
        (14)dreamweaver cs6
        新版本使用了自適應網格版面創(chuàng)建頁面,在發(fā)布前使用多屏幕預覽審閱設計,可大大提高工作效率。改善的性能,更高效地傳輸大型文件。實時視圖和多屏幕預覽面板可呈現代碼,更能夠檢查自己的工作。曾經風靡一時的網頁三劍客成員之一是目前應用最廣的網頁制作軟件,原本是由公司所開發(fā)的著名網站開發(fā)工具,隨被收購后,改名為。它是第一套針對專業(yè)網頁設計師特別發(fā)展的視覺化網頁開發(fā)工具,以及在之后推出的針對專業(yè)網頁圖像設計的,三者...更多>>
        • Dreamweaver cs6中文版官方原版

          11-19 / 279.7M

          推薦理由:AdobeDreamweaverCS6是AdobeCreativeSuite6系列中的HTML編輯器和網頁設計軟件,是最優(yōu)秀的可視化網頁設計工
        • Dreamweaver cc amtlib.dll補丁

          07-05 / 834KB

          推薦理由:Adobe Dreamweaver CC 13.0 build 6390多語言正式版的破解補丁,破解后程序不再提示剩余天數與激活注冊。關
        • Dreamweaver CS5 HTML 5 擴展包

          06-22 / 5.7M

          推薦理由:安裝了該擴展后再也不用擔心不記得難記的css3樣式代碼了! 剛裝 Dreamweaver CS5 的時候,發(fā)現新建文檔的時
        • Dreamweaver插件包西西整理

          01-08 / 2.7M

          推薦理由:西西小編整理的一些比較常用的Dreamweaver插件,希望能對大家有所幫助!persistent_layers 不管滾動條如何拉
        • Adobe Dreamweaver CS4中文精簡版

          04-11 / 84.5M

          推薦理由:使用業(yè)界領先的Web 創(chuàng)作工具之一構建世界級的網站和應用程序。Adobe® Dreamweaver® CS4 軟件是 W
        • Dreamweaver jQuery智能提示插件1.

          07-31 / 109KB

          推薦理由:1.2.0版本插件在1.0.0插件基礎上進一步修改,版權信息僅保留致謝信息,刪除作者為了代碼整體提示美觀度,故

        相關評論

        閱讀本文后您有什么感想? 已有人給出評價!

        • 8 喜歡喜歡
        • 3 頂
        • 1 難過難過
        • 5 囧
        • 3 圍觀圍觀
        • 2 無聊無聊

        熱門評論

        最新評論

        發(fā)表評論 查看所有評論(0)

        昵稱:
        表情: 高興 可 汗 我不要 害羞 好 下下下 送花 屎 親親
        字數: 0/500 (您的評論需要經過審核才能顯示)