jquery悬停

jQuery的一个非常酷的功能是能够动态更改图像，例如，当您将鼠标移到屏幕上的特定区域时，图片将会更改。

操作方法：引用image src属性并通过2个函数对其进行更改。 第一个功能更改图像，第二个功能更改它。 然后在HTML中，我们将事件添加到鼠标将触发功能的区域（请注意，这些触发也可以添加到JavaScript中）。 就那么简单。 观看现场演示

jQuery动态更改图像

//this code sits outside the (document).ready function

function twittereyesopen() {
	//alert("open");
	var name_element = $('#twitter-image'); 
	name_element.src = "/images/page-images/twitter-eyes-open.jpg";
}

function twittereyesclosed() {
	//alert("closed");
	var name_element = $('#twitter-image');
	name_element.src = "/images/page-images/twitter-eyes-closed.jpg";
}

HTML中包含以下内容：

翻译自: https://www.sitepoint.com/jquery-change-image-hover/

jquery悬停