特效js、H5和CSS3在網頁設計和開發中起著重要作用，它們為網站增加了更多的交互性、動態性和視覺效果。以下是關于這三種技術的簡要介紹和示例演示：

特效js是指通過JavaScript代碼實現頁面動態效果和交互功能的一種技術。常見的特效包括幻燈片、彈出框、滾動加載等等，它們可以使網站更加生動有趣。下面是一個實現瀑布流布局的特效js示例：

window.onload = function() {
waterfall('main', 'box');
}
function waterfall(parent, box) {
// 求出父元素及其所有子元素
var oParent = document.getElementById(parent);
var oBoxs = getByClass(oParent, box);
// 求出每個子元素的寬度
var oBoxW = oBoxs[0].offsetWidth;
// 求出每一行可以放多少個子元素
var cols = Math.floor(document.documentElement.clientWidth/oBoxW);
// 設置父元素的寬度和居中
oParent.style.cssText = 'width: ' + oBoxW*cols + 'px; margin: 0 auto;';
}
function getByClass(parent, clsName) {
var boxArr = new Array();
var oElements = parent.getElementsByTagName('*');
for (var i=0; i
H5是指HTML5，它是最新的HTML標準，提供了許多新的元素和屬性，使得網頁開發更加方便快捷，HTML5還支持視頻、音頻和圖像的處理，可以實現更豐富的表現效果。下面是一個HTML5視頻示例：
CSS3是指層疊樣式表第三個版本，它為網頁提供了許多新的樣式表達方法和效果，比如圓角、陰影、漸變、動畫等等，可以大大提升網頁的美觀度和視覺效果。以下是一個CSS3圓角效果示例：
div {      
border: 1px solid #ccc;
border-radius: 5px;
}
以上是特效js、H5和CSS3的簡要介紹和相關示例，它們為網頁增添了更多的設計靈活性和表現力，是網頁開發中不可或缺的一部分。