当前访客身份:游客 [ 登录 | 加入开源中国 ]

代码分享

当前位置:
代码分享 » JavaScript  » 网页设计与交互
分享到: 
收藏 +0
1
 

1、jquery可拖动弹出层插件点击弹出层插件

jquery弹出层插件制作注册表单点击按钮弹出层表单提交效果,可支持拖到的jQuery弹出层效果。标题、高度、宽度等可以自定义弹出层插件。

查看演示>>        下载地址

2、jquery弹出层插件点击弹出层可拖动特效

jquery弹出层插件点击按钮背景淡隐淡现显示弹出层,当鼠标滑动标题时,可以拖动整个弹出层,点击按钮关闭弹出层。

查看演示>>        下载地址

3、jQuery顶部浮动弹出层动画弹出层特效

jquery顶部浮动弹出层,点击浮动层动画弹出层,弹出层从顶部动画滑动效果。

查看演示>>           下载地址

4、jquery浮动层动画loading页面加载特效

jquery浮动层特效或弹出层特效loading页面加载过程,异步加载loading特效。提示用户loading页面加载效果。

查看演示>>         下载地址

5、jquery弹出层鼠标点击弹出层可浮动在屏幕滚动

jquery弹出层当鼠标点击文字或图片弹出层,弹出层浮动在屏幕上可以随浏览器上下滚动,弹出层可自动居中在页面中间。

查看演示>>           下载地址

6、jquery弹出层特效animate制作类似flash动画效果弹出层

jquery弹出层特效制作一个类似flash动画效果的弹出层特效,鼠标点击按钮弹出一个带动画animate效果的浮动弹出层。

查看演示>>          下载地址

7、jquery 弹出层 点击按钮弹出层兼容IE和firefox浏览器

jquery制作弹出层效果,当鼠标点击按钮弹出层,弹出层始终显示在页面的中间,兼容各大主流浏览器IE、firefox等,jquery弹出层是非常实用的jquery特效,一般网站弹出信息都能应用。

查看演示>>         下载地址

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

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

查看演示>>          下载地址

9、jquery 弹出层插件 ThickBox 多功能弹出层插件支持图片、ajax、内嵌内容弹等

jquery 弹出层插件 ThickBox 网页UI对话框部件,是一款多功能弹出层插件包含有,图片弹出层、内嵌内容弹出层,iframe弹出层,ajax弹出层等的内容服务的jquery多功能弹出层插件。

查看演示>>           下载地址

10、jquery 弹出层插件FancyBox弹出层演示支持图片、文章内容、flash swf弹出层等

jquery特效插件FancyBox弹出层支持多种方式弹出层如:图片弹出层、文字信息弹出层、flash弹出层、ajax弹出层、Iframe弹出层。

查看演示>>         下载地址

代码片段(1) [全屏查看所有代码]

1. [代码][JavaScript]代码     跳至 [1] [全屏预览]

<div id="cnblogs_post_body"><h1 style="margin: 20px 0 0 0;">1、jquery可拖动弹出层插件点击弹出层插件</h1>
<p>jquery弹出层插件制作注册表单点击按钮弹出层表单提交效果,可支持拖到的jQuery弹出层效果。标题、高度、宽度等可以自定义弹出层插件。</p>
<p><a target="_blank" href="http://www.jsfoot.com/jquery/demo/2012-08-05/demo.html"><img alt="" src="http://pic002.cnblogs.com/images/2012/285288/2012080610290338.jpg"></a></p>
<p><a target="_blank" href="http://www.jsfoot.com/jquery/demo/2012-08-05/demo.html">查看演示&gt;&gt;</a> <a target="_blank" href="http://www.jsfoot.com/jquery/popup/2012-08-05/726.html" style="margin-left: 50px;">下载地址</a></p>
<h1 style="margin: 20px 0 0 0;">2、jquery弹出层插件点击弹出层可拖动特效</h1>
<p>jquery弹出层插件点击按钮背景淡隐淡现显示弹出层,当鼠标滑动标题时,可以拖动整个弹出层,点击按钮关闭弹出层。</p>
<p><a target="_blank" href="http://www.jsfoot.com/jquery/demo/2012-07-20/index.html"><img alt="" src="http://pic002.cnblogs.com/images/2012/285288/2012080610294811.jpg"></a></p>
<p><a target="_blank" href="http://www.jsfoot.com/jquery/demo/2012-07-20/index.html">查看演示&gt;&gt;</a> <a target="_blank" href="http://www.jsfoot.com/jquery/popup/2012-07-20/700.html" style="margin-left: 50px;">下载地址</a></p>
<h1 style="margin: 20px 0 0 0;">3、jQuery顶部浮动弹出层动画弹出层特效</h1>
<p>jquery顶部浮动弹出层,点击浮动层动画弹出层,弹出层从顶部动画滑动效果。</p>
<p><a target="_blank" href="http://www.jsfoot.com/jquery/demo/2012-06-24/demo.html"><img alt="" src="http://pic002.cnblogs.com/images/2012/285288/2012080610304333.jpg"></a></p>
<p><a target="_blank" href="http://www.jsfoot.com/jquery/demo/2012-06-24/demo.html">查看演示&gt;&gt;</a> <a target="_blank" href="http://www.jsfoot.com/jquery/popup/2012-06-24/676.html" style="margin-left: 50px;">下载地址</a></p>
<h1 style="margin: 20px 0 0 0;">4、jquery浮动层动画loading页面加载特效</h1>
<p>jquery浮动层特效或弹出层特效loading页面加载过程,异步加载loading特效。提示用户loading页面加载效果。</p>
<p><a target="_blank" href="http://www.jsfoot.com/jquery/demo/2012-06-20/demo.html"><img alt="" src="http://pic002.cnblogs.com/images/2012/285288/2012080610310662.jpg"></a></p>
<p><a target="_blank" href="http://www.jsfoot.com/jquery/demo/2012-06-20/demo.html">查看演示&gt;&gt;</a> <a target="_blank" href="http://www.jsfoot.com/jquery/popup/2012-06-20/670.html" style="margin-left: 50px;">下载地址</a></p>
<h1 style="margin: 20px 0 0 0;">5、jquery弹出层鼠标点击弹出层可浮动在屏幕滚动</h1>
<p>jquery弹出层当鼠标点击文字或图片弹出层,弹出层浮动在屏幕上可以随浏览器上下滚动,弹出层可自动居中在页面中间。</p>
<p><a target="_blank" href="http://www.jsfoot.com/jquery/demo/2012-05-24/demo.html"><img alt="" src="http://pic002.cnblogs.com/images/2012/285288/2012080610313958.jpg"></a></p>
<p><a target="_blank" href="http://www.jsfoot.com/jquery/demo/2012-05-24/demo.html">查看演示&gt;&gt;</a> <a target="_blank" href="http://www.jsfoot.com/jquery/popup/2012-05-24/624.html" style="margin-left: 50px;">下载地址</a></p>
<h1 style="margin: 20px 0 0 0;">6、jquery弹出层特效animate制作类似flash动画效果弹出层</h1>
<p>jquery弹出层特效制作一个类似flash动画效果的弹出层特效,鼠标点击按钮弹出一个带动画animate效果的浮动弹出层。</p>
<p><a target="_blank" href="http://www.jsfoot.com/jquery/demo/2012-04-18/demo.html"><img alt="" src="http://pic002.cnblogs.com/images/2012/285288/2012080610320990.jpg"></a></p>
<p><a target="_blank" href="http://www.jsfoot.com/jquery/demo/2012-04-18/demo.html">查看演示&gt;&gt;</a> <a target="_blank" href="http://www.jsfoot.com/jquery/popup/2012-04-18/568.html" style="margin-left: 50px;">下载地址</a></p>
<h1 style="margin: 20px 0 0 0;">7、jquery 弹出层 点击按钮弹出层兼容IE和firefox浏览器</h1>
<p>jquery制作弹出层效果,当鼠标点击按钮弹出层,弹出层始终显示在页面的中间,兼容各大主流浏览器IE、firefox等,jquery弹出层是非常实用的jquery特效,一般网站弹出信息都能应用。</p>
<p><a target="_blank" href="http://www.jsfoot.com/jquery/demo/2011-09-21/demo.html"><img alt="" src="http://pic002.cnblogs.com/images/2012/285288/2012080610323060.jpg"></a></p>
<p><a target="_blank" href="http://www.jsfoot.com/jquery/demo/2011-09-21/demo.html">查看演示&gt;&gt;</a> <a target="_blank" href="http://www.jsfoot.com/jquery/popup/2011-09-21/195.html" style="margin-left: 50px;">下载地址</a></p>
<h1 style="margin: 20px 0 0 0;">8、jquery 弹出层插件 鼠标点击文字获取标题弹出层内容信息</h1>
<p>jquery 弹出层插件制作弹出层信息,鼠标点击文字内容信息获取文字标题与内容,弹出层flash动画显示,弹出层,始终上下垂直居中,左右水平居中,是一款比较酷炫轻量级的jquery 弹出层插件。</p>
<p><a target="_blank" href="http://www.jsfoot.com/jquery/demo/2011-09-13/demo.html"><img alt="" src="http://pic002.cnblogs.com/images/2012/285288/2012080610325322.jpg"></a></p>
<p><a target="_blank" href="http://www.jsfoot.com/jquery/demo/2011-09-13/demo.html">查看演示&gt;&gt;</a> <a target="_blank" href="http://www.jsfoot.com/jquery/popup/2011-09-13/183.html" style="margin-left: 50px;">下载地址</a></p>
<h1 style="margin: 20px 0 0 0;">9、jquery 弹出层插件 ThickBox 多功能弹出层插件支持图片、ajax、内嵌内容弹等</h1>
<p>jquery 弹出层插件 ThickBox 网页UI对话框部件,是一款多功能弹出层插件包含有,图片弹出层、内嵌内容弹出层,iframe弹出层,ajax弹出层等的内容服务的jquery多功能弹出层插件。</p>
<p><a target="_blank" href="http://www.jsfoot.com/jquery/demo/2011-08-31/index.html"><img alt="" src="http://pic002.cnblogs.com/images/2012/285288/2012080610331151.jpg"></a></p>
<p><a target="_blank" href="http://www.jsfoot.com/jquery/demo/2011-08-31/index.html">查看演示&gt;&gt;</a> <a target="_blank" href="http://www.jsfoot.com/jquery/popup/2011-08-31/157.html" style="margin-left: 50px;">下载地址</a></p>
<h1 style="margin: 20px 0 0 0;">10、jquery 弹出层插件FancyBox弹出层演示支持图片、文章内容、flash swf弹出层等</h1>
<p>jquery特效插件FancyBox弹出层支持多种方式弹出层如:图片弹出层、文字信息弹出层、flash弹出层、ajax弹出层、Iframe弹出层。</p>
<p><a target="_blank" href="http://www.jsfoot.com/jquery/demo/2011-08-31/index.html"><img alt="" src="http://pic002.cnblogs.com/images/2012/285288/2012080610333276.jpg"></a></p>
<p><a target="_blank" href="http://www.jsfoot.com/jquery/demo/2011-08-31/index.html">查看演示&gt;&gt;</a> <a target="_blank" href="http://www.jsfoot.com/jquery/demo/2011-07-30/fancybox/index.html" style="margin-left: 50px;">下载地址</a></p></div>


开源中国-程序员在线工具:Git代码托管 API文档大全(120+) JS在线编辑演示 二维码 更多»

发表评论 回到顶部 网友评论(3)

  • 1楼:哈喽旺仔 发表于 2012-08-07 11:04 回复此评论
    很好,谢谢
  • 2楼:cat69fl 发表于 2012-10-11 08:32 回复此评论
    下载还需要注册,还要积分?
  • 3楼:zuobg 发表于 2013-10-09 13:33 回复此评论
    这些例子都非常的好,可是我想要一个文字可以显示在页面一定高度,当向下滚屏的时候这个文字向上滚动,到顶部之后就一直处于顶部了,点击这个文字弹出层在最外层,我自己的因为有视频,它被视频遮挡了
开源从代码分享开始 分享代码