相关搜索 >> jq

  • 1112jquery左右滚动的tab选项卡效果(附源代码下载)阅读(522)条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对象详解阅读(321)条2016/11/5 13:36:34

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

    Taget:jq deferred ajax 

  • 1015JQuery判断radio是否选中并且获取选中值阅读(550)条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端阅读(667)条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滚动到底部自动加载数据之(保存数据)阅读(1210)条2016/6/8 22:53:32

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

    Taget:jq html5 插件 

  • 1104jq多图片展示局部放大特效阅读(1029)条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时间轴超酷特效附实例下载阅读(1163)条2015/8/26 22:22:06

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

    Taget:jq 特效 时间轴 

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

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

    Taget:jq 手机 滚动 加载 

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

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

    Taget:jq 插件 

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

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

    Taget:ajax 图片 上传 net 

  • 0506jq无锚标记平滑滚动效果,易用阅读(2208)条2015/5/6 21:05:20

    今天看到有个效果需要做一个菜单项,点击后平滑滚动到指定位置,以前是用锚标记直接就可以做到了,但是平滑就要复杂点。所以今天用JQ做了一个不错的效果给大家。效果如图:核心代码:$("html,body").animate({scrollTop: $("#box").offset().top}, 1000);改成自己实用的效果才是最重要的,源代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1...阅读全文

    Taget:jq 滚动 平滑 

  • 0312JQuery中serialize() 序列化阅读(1271)条2015/3/12 20:57:17

    在jQuery中,当我们使用ajax时,常常需要拼装input数据以键值对 (Key/Value)的形式发送到服务器,用JQuery的serialize方法可以轻松的完成这个工作,使用这个方法可以将表单序列化为键值对 (key1=value1&key2=value2…)后提交。下面介绍JQuery中serialize()的用法一、serialize()定义和用法:serialize()方法通过序列化表单值,创建标准的URL编码文本字符串,它的操作对象是代表表单元素集合的jQuery 对象。你可以选择一个或多个表单...阅读全文

    Taget:js jq serialize 

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

1234