HTML和jQuery特效可以讓網(wǎng)頁更加生動有趣，給用戶帶來更好的體驗。
下面將為大家介紹一些常見的HTML和jQuery特效。

//1. 點擊按鈕彈出提示框
$("button").click(function(){
alert("Hello World!");
});
//2. 圖片隨著鼠標移動而改變大小
$("img").mousemove(function(e){
var width = e.pageX / $(window).width() * 100;
var height = e.pageY / $(window).height() * 100;
$(this).css({"width": width + "%", "height": height + "%"});
});
//3. 下拉菜單
$("li").hover(function(){
$(this).children("ul").slideDown();
}, function(){
$(this).children("ul").slideUp();
});
//4. 圖片自動播放
var index = 0;
var timer;
function autoPlay(){
timer = setInterval(function(){
index++;
if(index >4){
index = 0;
}
$(".img_list li").eq(index).fadeIn().siblings().fadeOut();
}, 2000);
}
autoPlay();
//5. 滑動門效果
$(".tab_title li").click(function(){
$(this).addClass("active").siblings().removeClass("active");
var index = $(this).index();
$(".tab_content li").eq(index).show().siblings().hide();
});

以上是一些常見的HTML和jQuery特效，大家可以在自己的網(wǎng)頁中使用，增加網(wǎng)頁的互動性和美觀程度。