当要在有限的空间展示更多的信息时，我们经常会采取鼠标滑过弹出更多相关信息层，提高互动性。尤其可以应用在公司照片墙、招聘网站求职者信息展示等等场景。 本文结合实例和大家分享下使用jQuery实现滑过图片展示信息效果。当鼠标滑向照片时，会弹出对应的照片的详细介绍信息，请看演示效果：效果展示 源码下载 HTML 首先我们准备页面素材，页面上由多组图片密集组成，同时有图片对应的相关说明信息，用于展示详细信息效果。孟...
先给大家展示效果图，感兴趣的朋友可以下载源码哦。效果演示 源码下载 数字时钟可以应用在一些WEB倒计时效果、WEB闹钟效果以及基于HTML5的WEB APP中，本文将给大家介绍不借助任何图片，如何使用CSS3和HTML来制作一个非常漂亮的数字时钟效果。 HTML 我们先在页面中准备一个时钟区域#clock，并且要展示的数字放在.digits中。...数字 我们准备展示的数字时钟格式HH:mm:ss，它由时分秒8个数字和2个分隔符“:”组成，数字是由...
废话不多说了，先给大家展示下效果图，感兴趣的朋友继续往下看 哦查看演示 源码下载 HTML 和上一篇文章：使用jQuery和CSS3制作数字时钟(CSS3篇)一样的HTML结构，只是多了个>date用来展示日期和星期的。jQuery CSS代码请参照上一篇文章，本文不再啰嗦，直接看jQuery代码。 首先我们定义参数，定义用来调用数字的class名称数组，定义中文星期名称，定义时分秒的位置。$(function(){ var clock = $('#clock'); //定义数字数组0-...
先给大家展示下效果图，看看是不是亲想要实现的效果，如果还满意的话请查看本文详情，同时大家也可以下载源码哦。 效果图：效果展示 源码下载 代码说明:仿百度百科右侧导航代码jquery插件，这个仿百科右侧导航js代码，在很久以前就像搞个用了，因为这个导航特别适合长篇文档使用，花了半天时间写了这个仿百科导航插件，不过和百度百科比起来还是有点弱，没有实现右侧导航区域滚动的功能，如果您的文档不是超级变态长，应该够用。...
这是一款效果非常炫酷的移动手机APP滑动手指切换图片特效。该APP特效在移动手机中用户可以通过手指的左右滑动来切换图片，在桌面设备中通过鼠标也可达到同样的效果。效果演示 源码下载 使用方法 HTML结构 这个移动手机APP切换图片特效的HTML结构采用嵌套的HTML结构，每一张图片卡片都包裹在div.demo__card中，里面放置了图片，描述信息和一些额外的图层。Hungry catWhateverm--reject是向左移动图片时的图层，m--like是向...
Fancybox是一款优秀的jquery插件，它能够展示丰富的弹出层效果。前面我们有文章介绍了facybox弹出层效果，相比facybox，fancybox显得功能更为齐全，它除了可以加载DIV，图片、图片集、Ajax数据，还能加载SWF影片，iframe页面等等。效果演示 源码下载 fancybox 特点： 可以支持图片、html 文本、flash 动画、iframe 以及 ajax 的支持； 可以自定义播放器的 css 样式； 可以以组的形式进行播放； 如果将鼠标滚动插件（mouse whee...
jqGrid可以结合fancybox等插件完成超酷的弹出层效果，通过与php后台交互，可以轻松完成数据的添加与详情查看，而这个过程完全是一个ajax异步通信过程，是一个非常友好的富客户端应用。 下面给大家展示了效果图，喜欢的朋友可以直接下载源码哦。效果展示 源码下载 在上一篇文章中，我们提到过jqGrid自身有强大的单元格操作模块，但是这些模块操作起来不太适合用户的习惯，在本文中，我们使用fancybox，以及表单插件来完成jqGrid数...
分享一款基于jQuery超级酷动画滑动插件。这是一款基于jquery.pogo-slider插件实现的多个滑块切换特效。效果图如下，如果大家觉得还不错，很满意可以下载源码哦。效果展示 源码下载 实现的代码。 html代码：
本文实例讲述了jQuery实现ajax调用WCF服务的方法。分享给大家供大家参考，具体如下： 关于AJAX调用WCF服务分为跨域和不跨域两种方式，今天咱们先介绍下不跨域下的调用方法。DEMO是在VS2008写的. 经过测试与研究，发现AJAX调用WCF服务必须满足以下条件 1.wcf的通讯方式必须使用webHttpBinding 2.必须设置节点的值 3.服务的实现必须添加标记代码如下:[AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequir...
本文实例讲述了jQuery使用$.ajax进行异步刷新的方法。分享给大家供大家参考，具体如下： 最近要用到jquery进行异步读取数据的功能，jquery提供了许多内置的异步读取函数，给大家演示下最常用的$.ajax用法 在客户端文本框输入一个内容，然后在服务器端返回时间 在DEMO中要用到ashx文件,用于获取服务器的信息 效果图片escape() 函数可对字符串进行编码，这样就可以在所有的计算机上读取该字符串。 客户端代码服务器端代码using Syste...
本文实例讲述了jQuery打字效果实现方法。分享给大家供大家参考，具体如下： 运行效果截图如下：点击此处查看在线演示效果。 1.前台页面代码：无标题页$(function(){$("#ticker").ticker({cursorList: " ",rate: 100,delay: 4000}).trigger("play").trigger("stop");});1.1 RIA与Flex当下非常流行一个名词叫RIA，RIA全称是Rich Internet Application，翻译成中文为丰富互联网应用程序。RIA 是集桌面应用程序的最佳用户界面功能与Web...
我们经常看到有很多的垂直时间轴用来记录事件进展，而有朋友问我要求分享水平的时间轴，其实水平时间轴的难点在于自适应屏幕尺寸。那么 今天我要给大家分享的是一款支持响应式、支持触屏手势滑动的水平时间轴。效果展示 源码下载 HTML 我们的HTML结构由两部分组成，div.timeline用于放置日期导航水平线，它有水平多个日期div.events-wrapper和水平轴左右方向导航按钮ul.cd-timeline-navigation组成。而div.events-content放置的...
在没步入正文之前，先给大家贴效果图，看看是不是您想要的效果：在线演示 源码下载 基于jQuery移动端滑块拖动设置代码。这是一款支持手机移动端的特效，可拖动滑块范围选择器，拖动滑块数值选择器。 废话不多说了，直接给大家贴代码了。html代码：获取值 获取值 js代码：$(function () {$('.single-slider').jRange({from: 0,to: 100,step: 1,scale: [0, 25, 50, 75, 100],format: '%s',width: 300,showLabels: true,showScale: t...
这是一个基于jQuery的可以选择年份和月份的月份拾取插件，你可以设置点击页面上的任意元素触发弹出年月选择面板，可以是一个链接也可以是一个输入框，广泛应用于月份查询，而无需设置select表单。效果展示 源码下载 HTML 首先将monthpicker插件相关的css和js文件载入，大家可以到源码下载里下载css和js文件。然后在要放置年月的位置加入如下代码，可以是输入框可以是链接等任意HTML元素。jQuery 接下来很简单，我们来调用...
本文实例讲述了jQuery动画显示和隐藏效果。分享给大家供大家参考，具体如下： 运行效果截图如下：点击此处查看在线演示。 完整实例代码点击此处本站下载。 具体代码如下：JQuery 动画显示和隐藏效果 /*1.$("页面元素类型").show(时间, 回调函数);以优雅的动画显示所有匹配的元素，并在显示完成后可选地触发一个回调函数;指定时间后依次执行回调函数，页面上能找到几个，就连着执行几次。时间可以为毫秒数，也可以是slow,nomal,fast...