基于jQuery鼠标点击水波动画竖直导航代码。这是一款基于jQuery+CSS3实现的带动画效果的竖直导航栏特效。效果图如下:效果展示 源码下载 html代码:网站首页关于我们产品中心成功案例联系我们在线留言以上代码是本文的核心代码,比较简单,大家可以根据需求,适当的添加删除代码。
Tocify是一个能够动态生成文章节点目录的jQuery插件。假如我们有一篇很长的文章,文章有多个节点,那么使用Tocify可以根据节点元素动态生成文章目录,点击目录可以平滑滚动到对应的节点,当然当滚动页面时,目录结构会根据当前监听到的节点进行切换到当前目录状态。效果展示 源码下载 Tocify目前支持Twitter Bootstrap和jQueryUI Themeroller两种主题风格,我们可以根据实际项目任选其中一种风格,另外必要条件jQuery 1.7....
本文实例讲述了jquery实现的拖拽效果。分享给大家供大家参考,具体如下: 运行效果截图如下:点击此处查看在线演示效果。 具体代码如下: html部分:$(function(){$("#box").tuoz();})*{margin:0px;padding:0px;}#box{height:100px;width:100px;background:#666666;}#box img{height:50px;width:50px;background:#666666;}#big{height:400px;width:300px;background:purple;}jquery部分:(function(){$.fn.extend({tuoz:function()...
本文实例讲述了jQuery动态添加及删除表单上传元素的方法。分享给大家供大家参考,具体如下: 运行效果截图如下:点击此处查看在线演示效果。 具体代码如下:$(document).ready(function(){$(":input[type=button][value=more]").bind("click",function(){var $br = $("");var $file = $("");var $button = $("");$(this).after($file).after($button).after($br);$button.bind("click",function(){$br.remove();$file.remove();$bu...
本文实例分析了jQuery prototype冲突的2种解决方法。分享给大家供大家参考,具体如下: jquery和prototype怎么会冲突,归根到底就是因为他们二个都用到了$,同时用,混淆了。这个问题解决过不下5次,每次解决都要查一下。淡疼,嘿嘿。 方法一、在jquery的核心库文件中加代码。 1、一般是jquery.js,或者jquery.min.js,有的带版本号的。知道是哪个文件就行。})( window ); jQuery.noConflict(); //最后面,加上这一行。2、加载测试j...
本文实例讲述了jQuery模拟物体自由落体运动的方法。分享给大家供大家参考,具体如下: 运行效果截图如下:点击此处查看在线演示效果。 完整实例代码点击此处本站下载。 具体代码如下:自由落体$(document).ready(function () {});var all_Height = 500;var a = 9.8; // 加速度var v = 0;var prev_Time = 0;var prev_Speed = 0;var prev_Height = 0;var speed = 0;// 获取当前的高度var getHeight = function (obj) {return obj.off...
本文实例讲述了jQuery图片旋转插件jQueryRotate.js用法。分享给大家供大家参考,具体如下: 推荐一个图片旋转插件,用于浏览相册时,旋转图片。 运行效果截图如下:点击此处查看在线演示效果。 具体代码如下:$(document).ready(function () {$("#images").rotate(45);var value = 0$("#images1").rotate({bind:{mouseover: function(){value +=90;$(this).rotate({ animateTo:value})}}});$('#button').click(function(){$("#imag...
本文实例讲述了jQuery头像裁剪工具jcrop用法。分享给大家供大家参考,具体如下: 头像裁剪工具目前比较流行的是flash和jquery的。个人觉得用jquery的比较好,因为代码仔细研究一下,基本上能明白怎么回事,想改的话也比较容易。 有一个例子,请参考:jcrop例子demo ,是根jcrop的例子改的,添加以下二个特点: 1,居中显示,并且可拖拉,改变截取的大小 2,预览的图片,根拖拉的大小成比例。 以下是js代码,作了简单的封装jcrop 图...
本文实例讲述了jQuery实现的指纹扫描效果。分享给大家供大家参考,具体如下: 运行效果截图如下:点击此处查看在线演示效果。 具体代码如下:demobody {background:black;}.dialog {width:300px; height:300px; position:fixed; left:50%; margin-left:-150px; border:2px dashed green;top:50px;}.dialog .shape {background:black; width:300px; height:300px; z-index:1;}.dialog .eye {width:200px; height:200px; position:ab...
本文实例讲述了WebGL利用FBO完成立方体贴图效果的方法。分享给大家供大家参考,具体如下: 这篇主要记录WebGL的一些基本要点,顺便也学习下如何使用FBO与环境贴图。先看下效果图(需要支持WebGL,Chrome,火狐,IE11)。主要实现过程如下,先用FBO输出当前环境在立方体纹理中,再画出当前立方体,最后画球,并且把FBO关联的纹理贴在这个球面上。 开始WebGL时,最好有些OpenGL基础,在前面讲Obj完善与MD2时,大家可能已经发现了,因为着...
本文实例讲述了HTML5游戏引擎LTweenLite实现的超帅动画效果。分享给大家供大家参考,具体如下: lufylegend.js是一个开源的HTML5游戏引擎,在游戏中往往会有各种的动画,这些动画有些是flash文件,有些是视频文件,本次就来利用lufylegend制作一个帅气的游戏动画,如下图。测试连接如下: http://lufylegend.com/demo/effects01/ 一、准备工作 准备工作当然就是引擎的下载了。 lufylegend.js引擎官网 http://lufylegend.com/lufyle...
本文实例讲述了jquery点击弹出可放大居中关闭对话框。分享给大家供大家参考,具体如下: 运行效果截图如下:具体代码如下:jquery点击弹出可放大居中关闭对话框描述点击关闭该弹出窗口CMSGeneralElseCMSGeneralElseCMSGeneralElse名称标签前缀...分类控件2re222分类控件2re222分类控件2re222分类控件2re222分类控件2re222$(document).ready(function(){$("#open_btn").click(function(){$("#sampleformdiv").jqpopup_open(this.id)...
这篇文章主要介绍了javascript写一个ajax自动拦截并下载数据代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 代码如下 <!DOCTYPE html> <html lang="zh"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title></title> </head> <body> </body> <script...
摘要: 目前项目中需要与后端合作,通过发送 GET 请求,后端返回文件流,前端进行文件的下载。 使用到的技术有: Emberjsaxios思路 接到这个需求的话,想着使用创建 a 链接,然后模拟点击 a 链接来完成下载,但是情况不是这样的。后端有多于一个的下载接口,首先是生成下载文件的接口, 这个接口主要是返回 需要下载的文件的 name 以及相应的接口地址。而下载的文件可能不止一个,同时,对文件接口地址发送 GET 请求,会返回文件流...
项目上的需求是集群均可生成PDF文件或是访问PDF文件,但是没有文件服务器,故做一个简易的文件服务器。 解决方案:集群内的机器(客户端)生成PDF文件之后将PDF文件推给文件服务器,我们暂且称它为服务端;如果某个客户端需要访问到这个PDF文件,则去服务端获取(因为可能其他客户端已经生成了该PDF文件),如果没有找到,则自己客户端生成PDF文件,再将PDF文件推给服务端。 为了实施简易,现采取NodeJs来实现一个小程序。 不多说,...