HTML5是一種新的Web標準，提供了更多的特效方式，使網站更加精美、靈活和交互性。而響應式設計則是現代網頁設計不可或缺的一部分，可以讓網站在不同尺寸的設備上有更好的顯示和用戶體驗。

在這篇文章中，我們來介紹一些可以免費使用的HTML5響應式特效代碼，方便您在自己的網站上使用。

/*全屏滾動效果*/
$(document).ready(function() {
$('#fullpage').fullpage({
anchors: ['firstPage', 'secondPage', 'thirdPage', 'fourthPage', 'lastPage'],
navigation: true,
navigationPosition: 'right',
navigationTooltips: ['首頁', '第二頁', '第三頁面', '第四頁', '最后一頁']
});
});
/*響應式菜單*/
$(function() {
var pull        = $('#pull');
menu        = $('nav ul');
menuHeight  = menu.height();
$(pull).on('click', function(e) {
e.preventDefault();
menu.slideToggle();
});
$(window).resize(function(){
var w = $(window).width();
if(w >320 && menu.is(':hidden')) {
menu.removeAttr('style');
}
});
});
/*圖片輪播*/
var mySwiper = new Swiper('#swiper-container', {
autoplay: 5000,
autoplayDisableOnInteraction: false,
pagination: '.swiper-pagination',
paginationClickable: true,
loop: true
});

這些代碼中，第一個是全屏滾動效果，可以在用戶滾動頁面時平滑地滾動到下一個頁面。第二個是響應式菜單效果，當用戶在移動設備上訪問時，點擊菜單圖標會顯示或隱藏菜單。第三個則是圖片輪播效果，可以自動播放下一張圖片。

以上這些代碼都是免費的，并且可以自定義樣式和效果來適應您自己的網站。同時，還有很多其他的HTML5響應式特效可以使用，您可以通過查找資料來了解更多的內容。