Tag: Jquery

JS根据天数、月数、年数加减日期计算以及格式化

日期加减计算 [code lang="js"] /* * 功能:实现VBScript的DateAdd功能. * 参数:interval,字符串表达式,表示要添加的时间间隔. * 参数:number,数值表达式,表示要添加的时间间隔的个数. * 参数:date,时间对象. * 返回:新的时间对象. * var now = new Date(); * var newDate = DateAdd( "d", 5, now); *--------------- DateAdd(interval,number,date) ----------------- */ function DateAdd(interval, number, date) { switch (interval) { case "y ": { .....
阅读全文

JS实现震动动画与金额三位转换

项目需要表单错误提醒,看到苹果APP应用上的输入框错误提醒左右 晃动动感十足,于是乎感觉就是这种效果了。另外需要对金钱数三位分割比如:1000000 分割后1,000,000 都是用JS实现的。代码如下 [code lang="XML"] /* * * 控件震动动画 * obj控件 * time震动时间长——短循环长度 * wh震动幅度px * fx动画速度s */ function flash(obj,time,wh,fx) { $(function(){ var $panel = $(obj); var offset = $panel.offset()-$panel.width(); var x= offset.left; var y= offset.top; time = time?time:10.....
阅读全文

用 CSS3 和 JavaScript 制作径向动画菜单

今天,让我们来看看:如何使用CSS3和JavaScript轻松地实现一个简单的径向动画菜单。 看看下面的演示,点击按钮,弹出径向菜单。 上面的codepen示例呈现了代码,那么我们来介绍其中的一些细节。 HTML 我们看看HTML。我们使用HTML5的nav元素,包含一些链接元素和激活径向菜单的按钮。 [code lang="HTML"] <nav class="circular-menu"> <div class="circle"> <a href="" class="fa fa-home fa-2x"></a> <a href="" class=&.....
阅读全文

AJAX 跨源 HTTP 请求

背景 跨源HTTP请求(也称跨域AJAX请求)是大多数Web开发人员可能遇到的一个问题,根据同源策略,浏览器将限制客户端的JavaScript在一个安全沙箱内,通常JS不能直接同一台不同的域的远程服务器通信。在过去,开发者们创造了许多解决方法以实现跨域资源请求,常用的方法如下: 使用Flash/Silverlight或服务器端“代理”来与远程通讯 带填充JSON (JSONP). 在iframe中嵌入远程服务器并通过fragment或window.name通信,参考这里。 如此等等.. 这些解决方法或多或少都有问题,比如使用JSONP时若只是简单的“eval”将.....
阅读全文

Web 开发中很实用的10个效果【源码下载】

Web 开发中很实用的10个效果【源码下载】
在工作中,我们可能会用到各种交互效果。而这些效果在平常翻看文章的时候碰到很多,但是一时半会又想不起来在哪,所以养成知识整理的习惯是很有必要的。这篇文章给大家推荐10个在 Web 开发中很有用的效果,记得收藏! 超炫的页面切换动画效果 今天我们想与大家分享一组创意的页面切换熊效果集合。我们已经在示例中罗列了一组动画,可以被应用到页面切换过程中,创造出很有趣的导航效果。 源码下载      在线演示 美!视差滚动在图片滑块中的应用 视差滚动(Parallax Scrolling)已经被广泛应用于网页设计中,这种技术能够让.....
阅读全文

超酷体验 绚丽的jQuery和CSS3应用插件

超酷体验 绚丽的jQuery和CSS3应用插件
今天我们收集了8款来自html5tricks超酷体验的jQuery/CSS3应用插件,并将其源代码打包,一起分享给大家,喜欢的朋友请分享一下。   1、jQuery/CSS3实现Android Dock菜单效果 这是一款基于jQuery和CSS3的Android Dock菜单效果,点击底部的按钮即可让应用图标浮动上来,并且按钮也出现3D的翻转效果。jQuery是一款应用十分广泛的javascript类库,很多前端开发者都十分青睐jQuery框架。 在线演示        源码下载   2、CSS3彩色进度条 按百分比显示不同颜色 这是一款很不错的CSS3进度条应用,这款CSS3进度条和普通的不一样.....
阅读全文

60款很酷的 jQuery 幻灯片演示和下载

60款很酷的 jQuery 幻灯片演示和下载
  jQuery 是一个非常优秀的 JavaScript 框架,使用简单灵活,同时还有许多成熟的插件可供选择,它可以帮助你在项目中加入漂亮的效果,其中之一就是幻灯片效果的实现,这是一种在有限的网页空间内展示系列项目时非常好的方法。   今天这篇文章要给大家分享的是60款很酷的 jQuery 幻灯片插件,相信里面一定会有你喜欢的。 Cloud Carousel (演示 | 下载) ShineTime (演示 | 下载) Nivo Slider (演示 | 下载) Interactive Photo Desk (演示 | 下载) Beautiful Photo Stack Gallery with jQuer.....
阅读全文

jQuery ZeroClipboard实现复制内容到剪切板功能

jQuery ZeroClipboard实现复制内容到剪切板功能
最近在项目中需要实现通过点击“复制内容”按钮实现复制到剪切板功能,之前使用的js方法window.clipboardData.setData()只能在IE的浏览器下实现,为了兼容更多的浏览器在网上查询一下,大部分的兼容方式是通过透明的flash遮挡“复制内容”按钮,点击按钮实际点击的是透明的flash,然后把复制的内容传入到了flash,然后通过flash的复制功能把传入的内容复制到了剪贴板来实现的。 说一下实现步骤吧!准确的来说就是以下配置准备工作,如果使用过jquery插件的应该都很熟悉。 1、准备zClip所需的文件 可以到zClip官网http://www.steamde.....
阅读全文