衰落頁面的背景和播放動畫的

我有我做了一些動畫與使用Raphael JS庫Raphael畫布繪製矢量的HTML頁面。所以，這是我面臨一些困惑的場景。衰落頁面的背景和播放動畫的

在初始點，需要有我的HTML頁面上的圓圈，用click事件處理程序。點擊圓圈應該淡出網頁的其餘部分，並與圓圈一起播放一些動畫。我現在可以播放動畫，但是如何淡化其餘部分，以便只在頁面上突出顯示圓圈和其動畫？

2012-11-30 user1240679

創建100％的寬度和高度，z-index的網頁上面的休息和疊加顯示DIV：無屬性（在此疊加的div，你將有帆布）
圓上單擊事件使用jQuery $（「#overlayDiv」）。淡入（）
現在你試圖用動畫做骯髒的東西。

2012-11-30 06:34:16 asish

這意味着動畫應該在這個新的'div'創建另一個帆布做什麼？對於例如爲：我想移動這個圈子中的動畫，但如果我創建在'div'新畫布，以前的圈子會褪色的背景下可見。 – user1240679

然後創建三層。頁面的其餘部分說z-index：1。 Overlay Div z-index：2當你點擊圈子時你會淡入。而且，頂部的畫布即z-index：3。請注意，不應將Canvas放在疊加DIV中，因爲當您淡入淡出時，畫布也會出現並消失。 OverlayDiv也應該具有100％寬度和高度的css屬性，顯示：無，顏色：白色。因爲，最初你希望它隱藏起來，當點擊圓圈時使用.fadeIn（）jquery來改變它的屬性display：none顯示：block – asish

@ashish：畫布上還會有其他東西被繪製。我必須一次強調一個特定的特徵，所以我不能讓這個畫布顯示出來。 – user1240679

衰落頁面的背景和播放動畫的

回答

相關問題