在html中通過JavaScript實現點擊燈泡發光是常見的效果之一。這個功能可以通過HTML和CSS合作實現，但更常見的是使用JavaScript。以下是一個簡單的樣例：

<style>
	#bulb {
width: 40px;
height: 60px;
position: relative;
margin: 100px auto;
	}
	#bulb:hover::before {
border-radius: 50%;
box-shadow: 0 0 20px #fff,
0 0 30px #fff,
0 0 40px #fff,
0 0 50px #ffaa00,
0 0 70px #ffaa00,
0 0 80px #ffaa00,
0 0 100px #ffaa00,
0 0 150px #ffaa00;
	}
</style>
<div id="bulb">
	<img src="bulb.png">
</div>

上面的代碼中，在CSS中，我們首先定義一個id為“bulb”的div，并定義了其樣式。在鼠標懸停在燈泡上時，使用CSS偽元素::before實現了光芒效果，這是通過使用各種box-shadow屬性的不同程度的模糊和顏色來實現的。

在HTML代碼中，我們創建了一個id為“bulb”的div，并向其中加入一個圖片，這表示燈泡的實例。當用戶懸停在該圖片上時，通過CSS中的hover屬性，對該div實例應用了光芒效果，效果基于CSS偽元素的::before屬性。

這個效果看起來很酷，但要注意CSS3的瀏覽器兼容性。在某些老版本瀏覽器中，可能無法正確顯示這個效果。但簡潔的代碼、微小的文件大小、以及相當普遍的瀏覽器支持使這個效果更常用于現代設計中。