jQuery dialog_popup窗口插件浮動窗口提示和對話框提示



130 518 173



特效描述:窗口插件 浮動窗口提示 對話框提示,jQuery通用dialog_popup窗口插件,鼠標滑過彈出注釋框

代碼結構

1. 引入CSS

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

2. 引入JS

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/popup.js"></script>

3. HTML代碼

<style type="text/css">
*{padding:0;margin:0;font-size:12px;}
a{color:#333;}
ul li{height:25px;}
</style>
<div style="width:400px;margin:50px auto;">
	<h3 style="height:30px;">jQuery通用dialog/popup窗口插件</h3>
	<ul>
		<li><a id="H01" href="#" onmouseover="showHelper('#H01', '幫助主題', '多個TAG標簽用半角逗號隔開 第九站長 www.dijiuzhanzhang.com',30)" onmouseout="$('#_Popup_help').remove()" title="查看幫助">幫助窗口(根據位置自動判斷在底下彈出)</a></li>
		<li><a id="H02" href="#" onmouseover="showHelper('#H02', '幫助主題', '多個TAG標簽用半角逗號隔開',30)" onmouseout="$('#_Popup_help').remove()" title="查看幫助">幫助窗口(根據位置自動判斷在頭部彈出)</a></li>
	</ul>
	<ul>
		<li><a id="H11" href="javascript:showLoading()" title="查看幫助">顯示Loading信息(默認)</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript:hideTip()">隱藏Loading信息</a></li>
		<li><a id="H12" href="javascript:showLoading('正在提交數據...')">顯示自定義Loading信息(默認)</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript:hideTip()">隱藏Loading信息</a></li>
		<li><a id="H13" href="javascript:showLoading('正在加載列表數據...','#H13')">在指定容器內顯示Loading信息(默認)</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript:hideTip()">隱藏Loading信息</a></li>
		<li><a id="H14" href="javascript:showTip('發表成功,經驗 + 5')">顯示提示信息</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript:hideTip()">隱藏Tip信息</a></li>
		<li><a id="H15" href="javascript:showTip('回復成功,經驗 + 1',null,1)">顯示提示信息(自動隱藏)</a></li>
	</ul>
	<ul>
		<li><a id="H21" href="javascript:showPrompt('#H21', '對話框', '自定義顯示內容','callback')" title="查看幫助">對話框</a></li>
	</ul> 
</div>



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


熱門標簽: 浮動 懸浮 懸浮層 懸浮框 浮動層 浮動框 浮動插件 懸浮插件 彈出層拖動 窗口 彈出 彈窗 彈出層 提示框 對話框 遮罩 遮罩層 彈窗插件 浮動提示框 浮動菜單 浮動導航 文字提示框 提示文字
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

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

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

老夫子电子