jQuery dialog_popup窗口插件浮动窗口提示和对话框提示



124 493 165



特效描述:窗口插件 浮动窗口提示 对话框提示,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

加群请备注:从官网了解到