jquery 弹出层插件 鼠标点击文字获取标题弹出层内容信息



156 620 207



特效描述:弹出层插件 点击文字获取标题 弹出层内容信息,jquery 弹出层插件制作弹出层信息,鼠标点击文字内容信息获取文字标题与内容,弹出层flash动画显示,弹出层,始终上下垂直居中,左右水平居中,是一款比较酷炫轻量级的jquery 弹出层插件。

代码结构

1. 引入JS

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

2. HTML代码

	<div class="nav">
		<ul>
			<li><a class="slideshows" href="#">首 页</a></li>
			<li><a class="slideshows" href="#">jQuery 特效</a></li>
			<li><a class="slideshows" href="#">javascript 特效</a></li>
			<li><a class="slideshows" href="#">css 特效</a></li>
			<li class="last-bg"><a class="slideshows" href="#">html5 特效</a></li>
			<li class="last"></li>
		</ul>
	</div>
	<div id="newsdata">
		<div>
			<p><a href="http://www.17sucai.com/" title="jquery 图片提示 交互式图片滑过与点击提示更多文字信息和弹出层信息">jquery 图片提示 交互式图片滑过与点击提示更多文字信息和弹出层信息</a></p>
			<p><a href="http://www.17sucai.com/" title="jquery 滚动条插件 仿iphone苹果横行滚动条美化样式商品图片展示">jquery 滚动条插件 仿iphone苹果横行滚动条美化样式商品图片展示</a></p>
			<p><a href="http://www.17sucai.com/" title="jquery 信息提示框 鼠标滑过导航文本内容显示提示详细信息文本">jquery 信息提示框 鼠标滑过导航文本内容显示提示详细信息文本</a></p>
			<p><a href="http://www.17sucai.com/" title="jquery 图片特效 鼠标滑过图片显示文字与标题内容特效">jquery 图片特效 鼠标滑过图片显示文字与标题内容特效</a></p>
			<p><a href="http://www.17sucai.com/" title="javascript jscolor colorpicker js颜色选择器插件10多种调用颜色方法与取值">javascript jscolor colorpicker js颜色选择器插件10多种调用颜色方法与取值</a></p>
			<p><a href="http://www.17sucai.com/" title="javascript图片特效 网站banner制作焦点图片切换带按钮和固定图标控制图片左右滚动">javascript图片特效 网站banner制作焦点图片切换带按钮和固定图标控制图片左右滚动</a></p>
			<p><a href="http://www.17sucai.com/" title="javascript滚动图片插件支持单排图片上下滚动、图片无缝滚动">javascript滚动图片插件支持单排图片上下滚动、图片无缝滚动</a></p>
			<p><a href="http://www.17sucai.com/" title=" javascript滚动图片按钮控制图片左右自动滚动"> javascript滚动图片按钮控制图片左右自动滚动</a></p>
		</div>
		<div>
			<p><a href="http://www.17sucai.com/" title="jquery 导航 鼠标滑过类似气泡放大缩小显示二级菜单">jquery 导航 鼠标滑过类似气泡放大缩小显示二级菜单</a></p>
			<p><a href="http://www.17sucai.com/" title="jquery JScrollPane 插件设置浏览器默认垂直滚动条和内置滚动条">jquery JScrollPane 插件设置浏览器默认垂直滚动条和内置滚动条</a></p>
			<p><a href="http://www.17sucai.com/" title="jquery 滚动 kxbdSuperMarquee插件支持图片与文字无缝滚动 图片翻滚 焦点图左右切换 banner广告制作">jquery 滚动 kxbdSuperMarquee插件支持图片与文字无缝滚动 图片翻滚 焦点图左右切换 banner广告制作</a></p>
			<p><a href="http://www.17sucai.com/" title="jquery 文字滚动大全 scroll 支持文字或图片 单行滚动 多行滚动 带按钮控制滚动">jquery 文字滚动大全 scroll 支持文字或图片 单行滚动 多行滚动 带按钮控制滚动</a></p>
			<p><a href="http://www.17sucai.com/" title="jquery 滚动条 Scrollbar 设置浏览器默认滚动条样式">jquery 滚动条 Scrollbar 设置浏览器默认滚动条样式</a></p>
		</div>
		<div>
			<p><a href="http://www.17sucai.com/" title=" javascript滚动图片带按钮控制上下左右自动无缝滚动"> javascript滚动图片带按钮控制上下左右自动无缝滚动</a></p>
			<p><a href="http://www.17sucai.com/" title="js 提示框插件鼠标滑过提示文章内容信息">js 提示框插件鼠标滑过提示文章内容信息</a></p>
		</div>
		<div>
			<p><a href="http://www.17sucai.com/" title="用div+css制作纯CSS下拉菜单,兼容IE6 IE7 IE8及以上 Firefox">用div+css制作纯CSS下拉菜单,兼容IE6 IE7 IE8及以上 Firefox</a></p>
			<p><a href="http://www.17sucai.com/" title="CSS如何定位工程">CSS如何定位工程</a></p>
			<p><a href="http://www.17sucai.com/" title="用div+css制作一个CSS3的泡泡动画按钮非常漂亮">用div+css制作一个CSS3的泡泡动画按钮非常漂亮</a></p>
			<p><a href="http://www.17sucai.com/" title="用div+css制作一个CSS3的简约图标导航菜单">用div+css制作一个CSS3的简约图标导航菜单</a></p>
		</div>
		<div>
			<p><a href="http://www.17sucai.com/" title="jquery HTML5 幻灯片插件 用 Canvas 制作类似百叶窗拍摄快门摄影拍摄效果">jquery HTML5 幻灯片插件 用 Canvas 制作类似百叶窗拍摄快门摄影拍摄效果</a></p>
			<p><a href="http://www.17sucai.com/" title="制作CSS3和HTML5的一个单页网站模板">制作CSS3和HTML5的一个单页网站模板</a></p>
			<p><a href="http://www.17sucai.com/" title="jquery 幻灯片切换应用一个HTML5的幻灯片">jquery 幻灯片切换应用一个HTML5的幻灯片</a></p>
			<p><a href="http://www.17sucai.com/" title="jquery 图片滚动特效应用旋转幻灯片使用jQuery和CSS3">jquery 图片滚动特效应用旋转幻灯片使用jQuery和CSS3</a></p>
		</div>
	</div><!--newsdata end-->
	<script type="text/javascript">
	$(document).ready(function(){
		$("a.slideshows").slideshow();
	});
	</script>



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


热门标签: 顶部悬浮 底部悬浮 浮动导航菜单 右键菜单 图片广告 文字提示框 对联广告 提示框/弹出层 layer 叠加浮动层 lightbox Tooltip工具提示框 浮动提示框 html5弹窗动画 悬浮浮动漂浮 弹出层拖动 窗口提示框 浮动提示框

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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