在現代網頁開發中，使用CSS和jQuery特效可以給網站增添不少亮點，提升用戶體驗。下面將分別介紹CSS和jQuery特效的應用。

CSS特效：

/*例：鼠標懸停時圖片放大*/
.img-hover {
transition: transform 0.5s ease;
}
.img-hover:hover {
transform: scale(1.1);
}

以上代碼使用了CSS的transform屬性，實現鼠標懸停時圖片放大的效果。transition屬性用于設置過渡效果，當改變transform屬性的值時，會有平滑過渡的動畫效果。

jQuery特效：

/*例：點擊按鈕滑動到頁面頂部*/
$('button.top').click(function(){
$('html, body').animate({scrollTop : 0},500)；
});

以上代碼使用了jQuery的animate方法，通過改變頁面滾動的scrollTop值來實現平滑滑動到頁面頂部的效果。在animate方法中，第一個參數為要改變的屬性和值，第二個參數為動畫持續時間。其中，$('html, body')表示選擇文檔對象和body元素，兼容不同瀏覽器的scrollTop寫法。

在實際應用中，可以根據需求結合CSS和jQuery特效實現更多豐富的效果，例如頁面加載動畫、輪播圖、下拉菜單等。