利用css3實現不同區域顯示提示信息



18 71 24



特效描述:利用css3實現不同區域顯示提示信息,

代碼結構

1. HTML代碼

<br>
<ul id="map">
	<li><a class="bunny" href="#" title="Bunny"><span><b>Bunny Rabbit</b><br>
		Cute and fuzzy, with long ears and a fluffy tail. this cuddly bunny 
		makes a great pet.</span></a></li>
	<li><a class="parrot" href="#" title="Parrot"><span><b>Parrot</b><br>
		With a lifespan of up to 40 years, these bright, colorful birds 
		are wonderful life-long pets. One of only a few birds
		capable of learning to speak, parrots are intelilgent and
		highly social animals.</span></a></li>
	<li><a class="snail" href="#" title="Snail"><span><b>Snail</b><br>
		Snails are a wonderful addition to any aquarium-- just make
		sure that its tank-mates aren't going to eat it! Snails say
		"Meow."</span></a></li>
	<li><a class="dog" href="#" title="Dog"><span><b>Dog</b><br>
		Man's best friend, a protector and commrade of humans for
		centuries, dogs are faithful, loyal and loving companions.
		</span></a></li>
	<li><a class="cat" href="#" title="Cat"><span><b>Cat</b><br>
		Another popular pet, these felines were once viewd as a
		sacred creature amont the ancient Egyptians. Independant,
		sociable, and with a rumbling purr, cats make wonderful
		pets.</span></a></li>
</ul>
<div style="text-align:center;clear:both">
</div>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 彈出層拖動 窗口 彈出 彈窗 彈出層 提示框 對話框 遮罩 遮罩層 彈窗插件 滑動星星打分 其他 css繪制樣式 文字提示框 提示文字 提示框/彈出層 鼠標滑過 鼠標懸停 跟隨鼠標移動
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子