用css偽類hover可以實現這個功能。
1、新建html文檔,在body標簽中添加壹個div標簽,然後在div標簽中添加p標簽,為p標簽添加內容:
2、為了方便演示,給div標簽設置寬高和背景顏色,然後給p標簽設置“display”屬性,屬性值為“none”,這樣p標簽中的文字默認情況下不會顯示:
3、給div設置hover偽類,當鼠標移動到div區域時,設置p標簽的樣式為塊級元素“block”:
4、這樣當鼠標移動到div上時就會顯示p標簽內容,鼠標離開就不顯示p標簽內容: