水印mootools幫助

我是一個mootools初學者。我知道很多的HTML和CSS，但JavaScript不適合我（至少現在我開始學習它）...水印mootools幫助

我看到這篇文章：http://davidwalsh.name/mootools-watermark 這篇文章功能「水印 - 轉到頂部按鈕。

HTML：

<a href="#top" id="gototop" class="no-click no-print">Top of Page</a>

CSS：

#gototop { display:none; position:fixed; right:5px; bottom:5px; }

的javascript：

<script type="text/javascript"> 
    window.addEvent('domready',function() { 
     new SmoothScroll({duration:500}); 

     var go = $('gototop'); 

     go.set('opacity','0').setStyle('display','block'); 
     window.addEvent('scroll',function(e) { 
      go.fade((window.getScroll().y > 300) ? 'in' : 'out') 
     }); 

    }); 
</script>

我假裝是該鏈接不要爲顯示：無;在CSS中，因爲如果用戶沒有打開javascript，那麼用戶將看不到按鈕。

所以，我想要的是隱藏它，只有在滾動大於300px後才顯示它。如果用戶不具有的javascript在他的瀏覽器上打開，那麼他就可以看到按鈕顯示所有的時間...

所以，對於這個HTML和CSS，這javascirpt我應該開/關的切換使用在oppacity顯示：

<a href="#top" id="gototop" class="no-click no-print">Top of Page</a> 

#gototop { display:block; position:fixed; right:5px; bottom:5px; }

任何人都可以幫我嗎？

謝謝，馬特

來源

2011-08-29 Matt

window.addEvent('domready', function() { 
    $('gototop').setStyle('display','none'); 
    ((window.getScrollSize().y + 300)> window.getSize().y) ? $('gototop').fade(1) : $('gototop').fade(0) 
});

來源

2011-08-31 05:42:15 user813720

水印mootools幫助

回答

相關問題