jQuery prettyPhoto弹窗插件图片,视频,文本,iframe等弹窗口



184 732 245



特效描述:弹窗插件 图片视频弹窗 文本弹窗,使用jQuery框架的prettyPhoto图片特效

代码结构

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>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 顶部悬浮 底部悬浮 浮动导航菜单 右键菜单 带标题的焦点图 图片广告 文字提示框 带缩略图的幻灯片 带简介的焦点图 对联广告 提示框/弹出层 图片轮播 layer 自动滚动图片轮播 叠加浮动层 lightbox 马赛克幻灯片 Tooltip工具提示框 全屏焦点图 浮动提示框 html5弹窗动画 flash焦点图 悬浮浮动漂浮 弹出层拖动 窗口提示框 浮动提示框 焦点图幻灯片

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

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