先给大家展示下效果图,看看是不是亲想要实现的效果,如果还满意的话请查看本文详情,同时大家也可以下载源码哦。 效果图:效果展示 源码下载 代码说明:仿百度百科右侧导航代码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代码:
本文实例讲述了JS禁用页面上所有控件的实现方法。分享给大家供大家参考,具体如下: 利用页面元素的特征,可以捕捉到所有元素。function DisableElements(container,blnHidenButton) {if (!container)return;var aEle;if (navigator.appName =="Microsoft Internet Explorer") //IE{for (var i=0;i效果非常好,我这里将button全部保留了,如果想将button也禁用掉,可以将注释去掉。 调用代码: 假设有个name为formeditor的form,调用...
本文实例讲述了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...
在没步入正文之前,先给大家贴效果图,看看是不是您想要的效果:在线演示 源码下载 基于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...
有很多人在做微信的扫一扫下载。但是在微信更新之后微信将该功能给禁止掉了,也不能说是全面禁止吧,因为腾讯、微信是一家嘛,通过应用宝审核的应用好像还是可以通过扫一扫直接下载的。但是要通过审核的话还是需要时间的,那么用下面这一段(上干货)来解决吧,通过做一个引导页来实现,将该页面的url生成为一个二维码 (我使用的是草料二维码生成器)。判断是否为微信的内核来做引导下载,如果是直接使用浏览器(如:uc)打开的,...
本文实例讲述了jQuery实现的给图片点赞+1动画效果。分享给大家供大家参考,具体如下: 运行效果截图如下:点击此处查看在线演示。 完整实例代码点击此处本站下载。 具体代码如下:点击弹出 +1放大效果 APP主题界面设计大赛故事从很久很久以前开始,远在宇宙的另一端有一个星球,叫作柚柚星(UU Star)。柚柚星人他们每天过着精彩而又快乐的生活,他们长的就像一只圆圆甜甜的柚子。他们出门或是买东西都开UU飞船,地球人管它叫UFO。...
我们在表单输入的时候,如要输入邮箱之类,只需输入邮箱名前段,那么@后面的内容将自动补全,将常用的几个邮箱列出来,用户只需选择一下就可以完成表单的输入。诸如此类的还有时间的输入、域名的输入都能自动完成,这些都由插件completer来帮您实现。 效果展示图如下所示:效果展示 源码下载 HTML 首先载入jQuery库和插件completer.js,当然还有相关CSS样式文件,这些都在源码下载里已打包好了。接下来我们在页面中需要放置输...
先给大家展示下效果图,看看是不是亲想要的效果,如果满足您的要求请继续往下阅读。效果展示 源码下载 基于jQuery交互体验社会化分享代码。这是一款鼠标点击分享按钮向右滑出腾讯微博,新浪微博,QQ空间,豆瓣,微信,二维码分享等分享平台。html代码:基于jQuery实现交互体验社会化分享代码附源码下载的相关内容就给大家介绍到这里,以上代码比较简单,应用非常广泛,希望大家喜欢。
本文实例讲述了jQuery抛物线运动实现方法。分享给大家供大家参考,具体如下: 运行效果截图如下:点击此处查看在线演示效果。 完整实例代码点击此处本站下载。 具体代码如下:抛物线运动效果.boll {width: 50px;height: 50px;background-color: #ff3333;position: absolute;top: 380px;left: 100px;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;}.target {width: 50px;height: 50px;background-colo...