HTML5是最新的一代網頁設計語言，其中圖片設置懸停效果是常見的技術之一。

<img src="picture.jpg" alt="圖片標題" 
title="圖片描述" 
onmouseover="this.style.opacity='0.5';" 
onmouseout="this.style.opacity='1';">

代碼中使用了HTML5的img標簽，其中通過設置onmouseover和onmouseout事件，可以實現當鼠標懸停在圖片上時，圖片會透明度變低，鼠標移出時又回到原來的狀態。另外，使用alt和title屬性可以為圖片添加一些描述信息，方便用戶理解該圖片的內容。

除了使用JavaScript實現懸停效果之外，CSS3也提供了opacity屬性，可以通過CSS樣式來設置圖片的透明度：

<style>
img:hover{
opacity:0.5;
}
</style>

通過CSS樣式的方式，實現懸停效果更加簡潔方便，而且不需要使用JavaScript。

總之，HTML5的圖片設置懸停效果是一種常見的技術，在網頁設計中有著重要的應用價值。不管是使用JavaScript還是CSS3，都能實現非常不錯的效果，而且都很容易上手。