HTML5和JS是如今網頁設計開發中不可或缺的兩個重要技術，它們可以幫助開發者實現各種很酷的動態效果。下面是一些HTML5和JS特效的代碼，可以幫助你更好地了解如何應用它們來實現驚艷的視覺效果。

// HTML5 canvas繪制平滑線條效果
var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');
ctx.beginPath();
ctx.moveTo(50, 50);
ctx.quadraticCurveTo(100, 125, 200, 50);
ctx.lineWidth = 5;
ctx.lineCap = 'round';
ctx.strokeStyle = '#333';
ctx.stroke();
// JS實現菜單滑動效果
var menu = document.getElementById('menu');
var items = menu.querySelectorAll('li');
for (var i = 0; i< items.length; i++) {
var item = items[i];
item.addEventListener('mouseover', function(event) {
event.target.classList.add('active');
});
item.addEventListener('mouseout', function(event) {
event.target.classList.remove('active');
});
}
// JS實現圖片輪播效果
var slider = document.getElementById('slider');
var images = slider.querySelectorAll('img');
var current = 0;
function changeImage() {
images[current].classList.remove('active');
current = (current + 1) % images.length;
images[current].classList.add('active');
}
setInterval(changeImage, 5000);

這些代碼只是HTML5和JS特效的冰山一角，通過不斷的學習和實踐，你可以創造出更加酷炫的效果來，讓你的網站更具有吸引力。記得在使用HTML5和JS的時候要注意瀏覽器兼容性，以便更多的用戶能夠欣賞到你的努力。