jquery css3圖片標注懸浮層提示效果代碼



176 700 234



特效描述:css3圖片標注 懸浮層 提示效果,

代碼結構

1. 引入CSS

<link rel="stylesheet" type="text/css" href="css/style.css">

2. 引入JS

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script src="js/main.js"></script>

3. HTML代碼

<div class="container">
	<div class="labels">
		<a id="label1" class="label" href="#">沙發
		<p>一個沙發,家具是一項旨在座位不止一個人,并提供技術支持。</p>
			<span></span>
		</a>
		<a id="label2" class="label" href="#">電視
			<p>電視(電視)是一個電信媒體傳輸和接收移動圖像,可以單色(黑白)或彩色,有或沒有附帶的聲音。</p>
			<span></span>
		</a>
		<a id="label3" class="label" href="#">地毯
			<p>地毯的紡織地板上層附加到支持。</p>
			<span></span>
		</a>
		<a id="label4" class="label" href="#">椅子
			<p>椅子是家具設計的座位一個人的項目,并提供支持和武器。</p>
			<span></span>
		</a>
		<a id="label5" class="label" href="#">陳列柜
			<p>展示用于展示的東西在家里</p>
			<span></span>
		</a>
	</div>
	<div class="description">
		<p></p>
		<a class="close">X</a>
	</div>
</div>



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


熱門標簽: 浮動 懸浮 懸浮層 懸浮框 浮動層 浮動框 浮動插件 懸浮插件 彈出層拖動 窗口 彈出 彈窗 彈出層 提示框 對話框 遮罩 遮罩層 彈窗插件 全屏焦點圖 浮動提示框 全屏切換 寬屏全屏 寬屏 全屏 頁面全屏 頁面寬屏 浮動菜單 浮動導航 圖片全屏 文字提示框 提示文字
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

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

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

老夫子电子