按鈕的onclick動畫聲音和設置cookie的

好了，所以我有這個客戶端，只需要進入他的網站時，有花哨的動畫。 WordPress的。的事情是應該是一個圖片/按鈕上點擊扮演「發動機」的聲音，並揭示了主頁。按鈕的onclick動畫聲音和設置cookie的

我想這樣做，在單獨的DIV將只是「消失」在單擊時按鈕和播放的聲音。我查了一下，我有一些想法如何做到這一點，但我有幾個問題。

達到上述效果的最佳方法是什麼？我在想CSS3 + HTML5 +的一點jQuery是要走的路。但也許有更好的東西。在CSS技巧上獲取任何元素上的聲音的示例：https://css-tricks.com/play-sound-on-hover/
如果整個事件在單獨的div中，聲音應該播放「整個」而不會突然中斷。糾正我，如果我錯了
現在的東西可能是最困難：如何確保訪問主頁時的動畫效果並不總是顯示。設置一個cookie？如果是這樣，我該怎麼做？

2017-05-25 user2143561

1）您可以使用純JavaScript播放聲音，只是讓聲音元素，並使用播放功能按鈕單擊處理程序（如下所示）：

`object.onclick = function(){ 
    document.getElementByTagName('audio')[0].play(); 
};`

2）聲音，如果你連打隱藏這個div。

3）您可以使用純JavaScript設置cookie的：

`document.cookie = "name=value; path=/; expires=" + date.toUTCString();`

然後你就可以檢查是否存在使用cookie的功能如下：

`function getCookie(name) { 
    var matches = document.cookie.match(new RegExp(
    "(?:^|;)" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)" 
)); 
    return matches ? decodeURIComponent(matches[1]) : undefined; 
}`

如果你是jQuery的傢伙，你可以使用https://plugins.jquery.com/cookie/

來源

2017-05-25 14:04:10

按鈕的onclick動畫聲音和設置cookie的

回答

相關問題