Circlr是一款可以对产品图片进行360度全方位旋转展示的jQuery插件。Circlr通过按一定角度规律拍摄的产品图片，制作出可以使用鼠标拖动、鼠标滚轮和移动触摸来进行图片逐帧旋转的效果。比先前的Rollerblade，动画顺畅了许多，也更易于控制，该插件非常适合于商品的展示。它的特点有：支持水平或垂直方向旋转。支持移动触摸事件。支持滚动事件。图片预加载处理。可以反向和循环旋转图片。jQ酷实例教程：jQuery产品图片360度旋转Circl...
本文实例为大家分享了全屏滚动插件fullPage.js的具体使用方法，供大家参考，具体内容如下0.01 基本演示 的HTML 布局 以及js 代码//需要连接 连接的三个文件 <link rel="stylesheet" href="css/jquery.fullPage.css"> //css文件 <script src="js/jquery-1.8.3.min.js"></script> //jQuery 1.8.3的版本 <script src="js/jquery.fullPage.min.js"></script> //fullPage插件的压缩版本 <style> .section { text-align: cente...
还是先来分析一下：（以下的值，如何获得，以后在具体的实现中再来分析，现在只谈宏观的）如何获得选择域的图像信息? 其实就是要我们如何获得这个选择区域，在图像中的那个位置，并且这个区域的大小是多少？把位置和大小告诉了计算机，它就知道我们是要获取那一块的图像信息了。（我们的选择区域，是在一个平面当中，而且是一个规则的图形，正方形，或都矩形（通俗：长方形））大小：这个区域的宽度，高度值，两值相乘，就是这个区...
ajaxFileUpload是一个异步上传文件的jQuery插件 传一个不知道什么版本的上来，以后不用到处找了。 语法：$.ajaxFileUpload([options]) options参数说明：1、url 上传处理程序地址。 2，fileElementId 需要上传的文件域的ID，即<input type="file">的ID。3，secureuri 是否启用安全提交，默认为false。 4，dataType 服务器返回的数据类型。可以为xml,scri...
ajaxfileupload.js jQuery.extend({createUploadIframe: function (id, uri) {//id为当前系统时间字符串，uri是外部传入的json对象的一个参数//create framevar frameId = jUploadFrame + id; //给iframe添加一个独一无二的idvar iframeHtml = <iframe id=" + frameId + " name=" + frameId + " style="position:absolute; top:-9999px; left:-9999px"; //创建iframe元素if (window.ActiveXObject) {//判断浏览器是否支持ActiveX控...
实现可输入+带自动匹配功能的下拉框，我试过以下几种方法：1.直接使用h5的新标签<datalist>，对应demo如下：<input list="browsers"> <datalist id="browsers"><option value="Internet Explorer"><option value="Firefox"><option value="Chrome"><option value="Opera"><option value="Safari"> </datalist> 优点：节约js代码；缺点：IE 9及以下的IE浏览器 和 Safari 均不支持 <datalist> 标签（好像还有几个浏览器也不支持）；...
现在很多网站不仅是介绍，更多的是有一些功能，怎么样让客户快速的知道网站有哪些功能呢?这里pagewalkthrough.js插件能帮我们实现，它是一个轻量级的jQuery插件，它可以帮助我们创建一个遮罩引导层，实现页面功能引导功能，引导完成显示页面内容。html代码：欢迎来到网页引导示例DEMO演示页 页面功能介绍引导页的效果是通过一款叫做pagewalkthrough.js的jQuery插件实现的。 点击下一步了解更多... 这里是网站LOGO，点击这里可以直...
本文实例为大家分享了Jquery搜索关键字自动匹配功能的实现代码，供大家参考，具体内容如下 jQuery AutoComplete 是一个基于jQuery实现搜索关键字自动匹配提示的插件，该插件可扩展性强，表现性能优越，方便整合到自己的项目中使用；兼容IE 6.0+, FF 2+, Safari 2.0+, Opera 9.0+, and Chrome 1.0+ 等主流浏览器。下面是具体的使用方法： 1、使用设置首页，要把插件的js代码嵌入到你自己的项目中去。 代码如下: 2、使用方法为要实现...
本插件基于JQ,在IE6,7,FF1.5和Opera9下测试通过 特点: 1.兼容性非常好 2.可以覆盖select 3.使用非常的方便,你如果要在里面显示一些html,以前的做法是把html拼接为一个string(js),可现在你可以可视化的编辑它了 4.涵盖了基本上很常用的功能 5.做的仓促,有问题欢迎提出来 列举一些简单的使用: $('#msg').showMsg({autoMiddle:true}) //居中显示ID为msg的元素，而且过2秒后自动消失 $('#msg').showMsg({autoMiddle:true,tim...
jQuery 是一个快速的，简洁的 javaScript 库，使用户能更方便地处理 HTML documents、events、实现动画效果，并且方便地为网站提供 AJAX 交互。 jQuery 还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。 jQuery 能够使用户的 html 页保持代码和 html 内容分离，也就是说，不用再在 html 里面插入一堆js来调用命令了，只需定义 id 即可。今天在Kollermedia.at上发现了一篇JQ...
代码如下:/*弹出式菜单*/ //没剑 2008-07-03 //http://regedit.cnblogs.com /*参数说明*/ //showobj:要显示的菜单ID //timeout：延时时间,鼠标停留/离开后延时多久开始显示/隐藏菜单 //speed：菜单显示速度，数字越大，显示越慢,默认为100 //调用示例:$("#button").DMenu("#content"); jQuery.fn.DMenu=function(showobj,timeout,speed){ timeout=timeout?timeout:300; speed=speed?speed:100; //按钮对象 var button=$(this); //延...
/*任意位置浮动固定层*/ /*没剑(http://regedit.cnblogs.com) 08-03-11*/ /*说明：可以让指定的层浮动到网页上的任何位置，当滚动条滚动时它会保持在当前位置不变，不会产生闪动*/ /*调用： 1 无参数调用：默认浮动在右下角 $("#id").floatdiv(); 2 内置固定位置浮动 //右下角 $("#id").floatdiv("rightbottom"); //左下角 $("#id").floatdiv("leftbottom"); //右下角 $("#id").floatdiv("rightbottom"); //左上角 $("#id").floatd...
******生成js分页脚****** ****没剑(2008-03-05)**** 修改日期：2008-3-12 添加两个参数：displaynum，displaylastNum可以自由定制显示的页码数量 参数： pagesize:10 //每页显示的页码数 ,count:0 //数据条数 ,css:"mj_pagefoot" //分页脚css样式类 ,current:1 //当前页码 ,displaynum:7 //中间显示页码数 ,displaylastNum:5 //最后显示的页码数 ,previous:"上一页" //上一页显示样式 ,next:"下一页" //下一页显示样式 ,paging:nu...
简化后的插件： SimplePlugin.htm： 代码如下: 简化后的插件 $(function() { $("input").click(function(){ $("body").dialog(); }) }); function f(){ $("body").find("#MaskID").hide(1000); $("body").find("#DivDialog").hide(1000); } jquery.SimplePlugin.js： 代码如下:$.fn.dialog=function(){ this.MaskDiv=function()//自定义一个函数 { //创建遮罩背景,这里没有设置透明度，为了简单。zIndex决定了遮罩。 ...
此按钮调用close方法关闭，弹出窗口，没有办法关闭，因为close方法需要以个参数，参数应该是那个iframe但是将其传入并不生效，不知道为什么在网上查找也没有找到解决方案。。 最后只好自己改其源码，在其close方法第一句中增加以下代码： if(box==undefined){ box=jBox.boxes[0]; } 然后用：window.parent.window.jBox.close();调用此方法。