相关搜索 >> jq

  • 0626jQueryRotate旋转插件 使用说明阅读(43)条2017/6/26 10:12:33

    一、概述:最近公司准备做一个html5的转盘效果,所以在网上找了一些资料,发现这个插件(jQueryRotate)挺不错的所以就记录下来。使用也很方便,可以快速制作动画。效果如下:二、参数说明:参数类型说明默认值angle数字旋转一个角度0animateTo数字从当前的角度旋转到多少度0step函数每个动画步骤中执行的回调函数,当前角度值作为该函数的第一个参数无easing函数自定义旋转速度、旋转效果,需要使用 jQuery.easing.js无duration整数旋转持续时间,...阅读全文

    Taget:插件 说明 旋转 

  • 0508JQuery 获得div绝对,相对位置的坐标方法阅读(302)条2017/5/8 11:38:26

    一、概述:一般JS去获取某元素的坐标时先考虑到是相对坐标还是绝对坐标,当然一般相对坐标可能会多一些。下面将介绍如何用JQ获取元素的相对坐标及绝对坐标方法。下图只做了Y坐标的解释图。二、获取方法获取相对(父元素)位置:var X = $('#DivID').position().top;var Y = $('#DivID').position().left;获取页面某一元素的绝对X,Y坐标var X = $('#DivID').offset().top;var Y = $('#DivID&...阅读全文

    Taget:jq 元素 位置 

  • 1112jquery左右滚动的tab选项卡效果(附源代码下载)阅读(1010)条2016/11/12 10:36:51

    一、概述:以前写过一篇tab选项卡效果[前端设计js+Tab切换可关闭+添加并自动判断是否已打开自动切换当前状态],现在看来这种功能是可以但是不适合太多的菜单。所以今天就为了故意补上这一篇之《jquery左右滚动的tab选项卡效果》页面底部附下载地址,当然如果你使用esayui也可以实现那种效果,但是感觉太庞大了,整个框架使用很不方便。 效果图下图所未:demo 地址:http://www.86y.org/demo/tab_scroll/二、使用说明:1、调用tab窗口方法clas...阅读全文

    Taget:tab 选项卡 滚动 下载 

  • 1105jQuery的deferred对象详解阅读(570)条2016/11/5 13:36:34

    每个版本都会引入一些新功能。今天我想介绍的,就是从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。这个功能很重要,未来将成为jQuery的核心方法,它彻底改变了如何在jQuery中使用ajax。为了实现它,jQuery的全部ajax代码都被改写了。但是,它比较抽象,初学者很难掌握,网上的教程也不多。所以,我把自己的学习笔记整理出来了,希望对大家有用。一、什么是deferred对象?开发网站的过程中,我们经常遇到某些耗时很长的javascript操作。其中...阅读全文

    Taget:jq deferred ajax 

  • 1015JQuery判断radio是否选中并且获取选中值阅读(825)条2016/10/15 15:50:00

    一、概述:做前端经常要写一些常用的JS事件,如:获取radio选中的值,判断有没有选中,等等,说难不难,只是需要查阅即可。本篇【JQuery判断radio是否选中并且获取选中值】也是讲述一些快速容易记住的方法给大家。演示效果如下:二、源代码及环境:1、引用Jq库 :http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js2、html源代码如下:<p>请选择你的性别</p><p><label>1.<input type="radio" name="se...阅读全文

    Taget:前端 jq radio 

  • 0708jQuery日期插件 支持移动、PC端阅读(1201)条2016/7/8 15:28:36

    一、概述本实例特效代码是一款依赖于jq,iScroll滑动插件,效果偏向于手机移动端的,所以请用支持HTML5+CSS3主流浏览器预览效果,手机查看效果更佳哦。(兼容测试:FireFox、Chrome、Safari、Opera等支持HTML5/CSS3浏览器)样式不附加任何图片,能自动定位到当前系统日期。修复了以前在网络上下载下来了好几个BUG。大家如果喜欢可以去文章底部下载。效果如下图所示:二、使用说明1、CSS样式:<link rel="stylesheet" type="text/css&...阅读全文

    Taget:jq 日期 移动端 插件 

  • 0608jq+html5滚动到底部自动加载数据之(保存数据)阅读(1630)条2016/6/8 22:53:32

    1、简述上一篇《jq滚动到底部自动加载数据实例》效果实现了,但是一直有个问题点击详细后返回数据又 重新加载了,今天就是为了这个BUG而写的,本实例正是运用了html5的localstorage(本地存储)。当然做这个效果是为了手机效果而做的,所以PC端暂时没办法全部兼容,所以效果图也是手机端的。(文章底部附DEMO预览及下载地址)效果图如下:2、核心内容讲解(1)、本文使用的插件是:Lawnchair(Lawnchair是一个轻量级的移动应用程序数据持久化存储方案,同...阅读全文

    Taget:jq html5 插件 

  • 1104jq多图片展示局部放大特效阅读(1222)条2015/11/4 20:59:37

    1、开篇:本实例主要是结合了小图片左右滚动和一个图片放大的特效。想偷懒的偷去用,也可以根据需求完善成你自己想的的效果。(文章底部附源文件下载)2、效果如下图所示3、Html源代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-e...阅读全文

    Taget:jq 图片 放大,滚动 

  • 0826jq时间轴超酷特效附实例下载阅读(1305)条2015/8/26 22:22:06

    本实例是一款非常实用的jquery 特效,实现了时间轴效果,应用场景很广,最适合用于描述公司成长历程,可以列出哪年公司的发展经历,整体看来非常简洁大气,以年份做为节点,可灵活设置左右滚动控制显示。效果真的不错。效果代码如下:实例链接:http://www.86y.org/DEMO/history/下载地址:http://pan.baidu.com/s/1mi0NEPy  密码: t165(完)阅读全文

    Taget:jq 特效 时间轴 

  • 0815jq滚动到底部自动加载数据实例阅读(8072)条2015/8/15 20:57:50

    一、功能描述:滚动下拉到页面底部加载数据是很多瀑布流网站的做法,本实例是固定数据,小菜总结记录之用,高手勿喷。首先要先判断页面怎么样才是滚动到底部,也就是scrollTop+window的height是否大于document的 height,jquery如下代 码:$(window).scrollTop()+$(window).height()>=$(document).height();再给window绑定scroll事件来实现加载数据显示。本实例的主要是提供手机版使用所以使用了CSS3的旋转模拟图片加载效果。在实例中实现了...阅读全文

    Taget:jq 手机 滚动 加载 

  • 0724jq倒计时插件实例源码,特效切换阅读(2176)条2015/7/24 20:07:10

    本实例是由JQ库写的JQ倒计时实例,使用的是上下切换显示。使用方法简单易用。只是写法过程中使用的比较笨的方法,大家可以修改并改良本实例。本实例的思路是根据倒计时的时间分为:天时分秒,所以大块需要分开,然后每一块又要细分,具体到每个数字一个标签,然后对比哪些数据有变化然后切换变化的数字切换时需要另一个标签来做效果,但是另一个标签的值是旧值(说的不是很清楚,看的懂的)。使用方法非常简单支持自定义结束内容提示!代码如下:<...阅读全文

    Taget:jq 插件 

  • 0702jq+ashx图片单点上传支持一个页面多次调用阅读(1578)条2015/7/2 20:17:14

    本人一直在前端做效果切图,趁着晚上有空写点笔记记录下。效果就是AJAX上传图片不错的效果,最大的特点是支持多个同时在页面中调用。(底部附源代码下载)效果如下图:本代码使用说明:1、支持水印,可以启用图片或文字(可以传参数?iswater=1);2、支持是否生成缩略图,并且要指定高宽大小(可作为参数传递?width=*&height=*);3、上传文件类型及文件大小限止大小;(需要在ashx文件中设置)。前端代码如下:(uploadimg.html)<%@ Page Language=&...阅读全文

    Taget:ajax 图片 上传 net 

当前第  1  页 / 共  4  页  总共41条记录  

1234