相关搜索 >> jq

  • 0926html页面内容的收缩和展开效果 px / rem 默认显示两行或更多阅读(199)条2018/9/26 10:40:08

    一、概述:html页面内容的收缩和展开效果, 默认显示两行内容,点击进看全文,显示全部。(效果如下图:)二、源代码如下:<!DOCTYPE html><html><head><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta http-equiv="content-type" content="text/html;charset=utf-8"><title>px / rem 默认显示两行内容 点击进看全文 显示全部</title&...阅读全文

    Taget:jq 技巧 

  • 0620js 只选择选择时分秒的jq插件阅读(837)条2018/6/20 11:40:49

    一、概述:由于项目中需要使用到只选择时分秒的插件,而开始使用的laydate插件必须要带日期所以,还是自己写一个时分的插件吧。效果如图下:二、实例代码:(点击进入预览效果)<!doctype html><html><head><meta charset="utf-8"><title>js 只选择选择时分秒的jq插件-幸凡学习网</title><style>/* CSS Document */html, body, div, p, ul,ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6,...阅读全文

    Taget:插件 时间 

  • 0314 $(document).click 在iphone上不触发事件解决办法阅读(513)条2018/3/14 10:51:26

    <div class="name">点我</div>$(document).on("click", ".name", function() {alert("name");});以上代码在电脑浏览器和安卓上都能触发alert事件,但是在ios上却完全没有反应查阅了很多信息后,说是iphone这些元素上没有click事件,它是touch事件,就是说如果这个name标签是button的可click事件则是可以触发的,因为div本身默认不可点击1、有一个解决方法是给这个元素添加css.name{...阅读全文

    Taget:bug jq 

  • 0809浅谈jquery中attr和prop的区别阅读(1072)条2017/8/9 11:11:40

    一、概述:在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了。关于它们两个的区别,网上的答案很多。这里谈谈我的心得,我的心得很简单:对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。 二、说明:上面的描述也许有点模糊,举几个例子就知道了。<a href="http://www.86y.org" target="...阅读全文

    Taget:jq attr prop 

  • 0724nestedSortable.js jq插件 判断菜单是否拖动到所移动的位置 源代码下载阅读(2262)条2017/7/24 11:22:02

    一、概述:最近在做自定义模块这类的功能,导航菜单需要自定义,也就是二级与一级菜单可以相互拖动。为什么说nestedSortable.js使用起来方便,因为他这个比其它的插件更要人性化,而不是一味的为拖动而已,而且保留有拖动后的菜单只是隐藏,再配合另外一个很好的API函数:isAllowed: function (placeholder, placeholderParent, currentItem) ,判断是否允许移动,return false则取消拖动显示隐藏的拖动菜单,return true则执行拖动隐藏的拖动菜...阅读全文

    Taget:jq 菜单 拖动 插件 

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

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

    Taget:插件 说明 旋转 

  • 0508JQuery 获得div绝对,相对位置的坐标方法阅读(3200)条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选项卡效果(附源代码下载)阅读(4337)条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对象详解阅读(1552)条2016/11/5 13:36:34

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

    Taget:jq deferred ajax 

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

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

    Taget:jq html5 插件 

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

1234