Fancybox是一款优秀的jquery插件，它能够展示丰富的弹出层效果。前面我们有文章介绍了facybox弹出层效果，相比facybox，fancybox显得功能更为齐全，它除了可以加载DIV，图片、图片集、Ajax数据，还能加载SWF影片，iframe页面等等。效果演示 源码下载 fancybox 特点： 可以支持图片、html 文本、flash 动画、iframe 以及 ajax 的支持； 可以自定义播放器的 css 样式； 可以以组的形式进行播放； 如果将鼠标滚动插件（mouse whee...
先给大家展示下效果图，看看是不是亲想要实现的效果，如果还满意的话请查看本文详情，同时大家也可以下载源码哦。 效果图：效果展示 源码下载 代码说明:仿百度百科右侧导航代码jquery插件，这个仿百科右侧导航js代码，在很久以前就像搞个用了，因为这个导航特别适合长篇文档使用，花了半天时间写了这个仿百科导航插件，不过和百度百科比起来还是有点弱，没有实现右侧导航区域滚动的功能，如果您的文档不是超级变态长，应该够用。...
废话不多说了，先给大家展示下效果图，感兴趣的朋友继续往下看 哦查看演示 源码下载 HTML 和上一篇文章：使用jQuery和CSS3制作数字时钟(CSS3篇)一样的HTML结构，只是多了个>date用来展示日期和星期的。 <div id="clock" class="light"> <div class="display"> <div class="date"></div> <div class="digits"></div> </div> </div> jQuery CSS代码请参照上一篇文章，本文不再啰嗦，直接看jQuery代码。 首先我们定义参数，定义...
先给大家展示效果图，感兴趣的朋友可以下载源码哦。效果演示 源码下载 数字时钟可以应用在一些WEB倒计时效果、WEB闹钟效果以及基于HTML5的WEB APP中，本文将给大家介绍不借助任何图片，如何使用CSS3和HTML来制作一个非常漂亮的数字时钟效果。 HTML 我们先在页面中准备一个时钟区域#clock，并且要展示的数字放在.digits中。 <div id="clock" class="light"> <div class="display"> <div class="digits"> ...数字 </div> </d...
当要在有限的空间展示更多的信息时，我们经常会采取鼠标滑过弹出更多相关信息层，提高互动性。尤其可以应用在公司照片墙、招聘网站求职者信息展示等等场景。 本文结合实例和大家分享下使用jQuery实现滑过图片展示信息效果。当鼠标滑向照片时，会弹出对应的照片的详细介绍信息，请看演示效果：效果展示 源码下载 HTML 首先我们准备页面素材，页面上由多组图片<li>密集组成，同时有图片对应的相关说明信息，用于展示详细信息效果...
基于jQuery图文排版图片预览特效。这是一款基于jQuery+CSS3实现的鼠标点击图片弹出画廊切换特效。 效果图如下所示，怎么样感兴趣吗，感兴趣的朋友继续往下学习哦。效果演示 源码下载 html代码： <div id="fullscreen"><div id="fullscreen-inner"><div id="fullscreen-inner-left" class="fullscreen-inner-button"><span class="icon-caret-left"></span></div><div id="fullscreen-inner-right" class="fullscreen-inner-but...
今天给大家介绍一款非常棒的WEB在线富文本编辑器——UMeditor，它是由百度web前端研发部开发所见即所得富文本web编辑器UEditor演变的迷你版编辑器，具有轻量，可定制，注重用户体验等特点，允许自由使用和修改代码，适用于前台快速简单回复框或后台内容编辑器。在线预览 源码下载 如何使用？ 建立一个demo.html文件，首先在需要添加编辑器的地方加入以下代码，使用style可以设置编辑器的宽度和高度。 <script type="text/plain...
首先给大家展示下效果图，喜欢的朋友继续往下看哦。这是一款简单但实用的多级垂直手风琴下拉列表菜单。该多级手风琴菜单完全使用CSS来制作，它通过将不同的子菜单进行分组，制作出多级菜单的效果。 该多级手风琴菜单通过在checkbox元素上使用:checked伪元素来制作。如果需要一些好看的动画效果，可以实用插件中提供的main.js文件，它可以提供菜单打开和收缩时左侧小箭头的动画效果。 效果演示 源码下载 使用方法HTML结构该多...
jquery制作电脑健康体检得分效果图如下所示，喜欢的朋友可以下载源码哦。查看效果图 源码下载 文件引用： <script type="text/javascript" src="js/jquery-...min.js"></script> <script type="text/javascript"> var current = ; $(document).ready(function(){ $(".score-state-right").attr("style","width:px"); $("#check-secure").html("开始检测"); $("#check-secure").click(function(){if($("#scorenum").html()!="...
效果图如下所示：效果演示 源码下载 Pietimer是一个可以在页面上生成一个扇形变化的定时器，它基于jQuery，可以自定义定时时间秒数，自定义扇形的颜色、宽度和高度等，并且支持定时结束时回调函数，可以控制开始和暂停，适用于需要定时器的页面如在线考试、限时抢购的场景。 HTML 首先加载jquery库文件和pietimer.js文件。 <script src="jquery.min.js"></script> <script src="jquery.pietimer.min.js"></script> 然后我们在页面...
效果图如下：查看演示 源码下载 html代码： <h1>jQuery / Zepto响应式菜单 PgwMenu 演示</h1> <p class="dowebok-explain">请缩小/放大浏览器窗口宽度查看效果</p> <h2>深色样式（默认）</h2> <ul class="pgwMenu"> <li><a class="selected" href="//www.gxlcms.com/">首页</a></li> <li><a href="//www.gxlcms.com/">代码</a></li> <li><a href="//www.gxlcms.com/">素材</a></li> <li><a href="//www.gxlcms.com/">模板</a></li...
首先给大家展示下效果图：查看效果 源码下载 html代码部分： 代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <link href="css/lanrenzhiji...
今天遇到Jquery 返回json数据，IE浏览器提示下载的问题，当提交完数据后返回的本来是json数据的，在火弧里测试正常，但是IE里老是提示保存，在网上搜索了下，大部分是说将ContentType设置为"text/xml“本人测试了下，返回值为undefined， 原返回值设定：context.Response.ContentType = "application/json"; 尝试： context.Response.ContentType = "text/xml;"; 失败 后来试了下：context.Response.ContentType = "text/plain;cha...
代码如下:var form=$("<form>");//定义一个form表单form.attr("style","display:none");form.attr("target","");form.attr("method","post");form.attr("action","exportData");var input1=$("<input>");input1.attr("type","hidden");input1.attr("name","exportData");input1.attr("value",(new Date()).getMilliseconds());$("body").append(form);//将表单放置在web中form.append(input1); form.submit();//表单提交 出处：htt...
代码如下:// Ajax 文件下载 jQuery.download = function(url, data, method){ // 获取url和data if( url && data ){ // data 是 string 或者 array/object data = typeof data == 'string' ? data : jQuery.param(data); // 把参数组装成 form的 input var inputs = ''; jQuery.each(data.split('&'), function(){ var pair = this.split('='); inputs+='<input type="hidden" name="'+ pair[0] +'" value="'+ pair[1] +'" />'; })...