文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

基于jQuery 常用WEB控件收集

Galleria jGrow jGrow这个jQuery插件能够让textarea根据文本的长度自动调整它的大小。...提供分页功能，添加、编辑、删除和搜索表中记录，支持多种数据类型输入：XML，JSON，Array等，多行选择，支持子表格，集成日期选择控件等等。...ppDrag jqDnR jqDnR一个轻量级jQuery插件能够让你拖拽任何元素、调整元素大小。...Easy Slider tableFormSynch tableFormSynch是一个表格与表单数据相互更新的jQuery插件。它提供的功能包括：基于表单中的数据，新增行。...这不是最终版本，我知道可以通过多种途径改良它的脚本，但是至少，这是一个可以使用的稳定版本。非常感谢Lucian Slatineanu发布的NiceJForm，在他的blog中你可以获得更多信息。

7.5K10

文本编辑利器Notepad++ 10个强大而又鲜为人知的特性

Notepad++ 顾名思义就是 windows 内置 Notepad 的增强版，它采用 C++ 编写，性能优秀，不仅小巧（完整安装包仅 3.8MB），功能众多，插件丰富，而且最关键的是“完全免费”！...4、监视日志 如果日志文件发生变化了，如何获取最新的日志？...比如需要将多行合并为一行怎么办？只需要勾选扩展模式然后输入 \r\n 即可。 再比如如何对某个文件进行重复行去重，难道要上传到linux下 sort|uniq 来一发？...其实这个是 notepad 自带的插件 TextFX 提供的功能，这是一个很强大的插件，提供了很多文本处理、转换小功能，有兴趣的同学可以探索下。... PPT 里，但这都不是我们想要的。

4.1K101
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    使用 jQuery Easing Plugin 增强动画过渡效果

    jQuery 提供了一些诸如 show, hide, slideUp, fadeIn 等动画方法，可以方便的切换元素的显隐。更有强大的自定义动画方法 animate ，可以实现很多动画效果。...为了让动画有好的过渡变化过程，官方为这些方法设置 easing 属性，但是官方没有给出很多过渡效果。...jquery.easing.js 这个 jQuery 插件增加了很多过渡效果，引入之后可以让动画过渡过程更加多样化。先来看一下 DEMO，更多 DEOM 请点击这里: RSS用户请返回这里查看！...如何使用 jquery.easing.js 第一步 引入插件 jQuery 插件嘛，当然要先引入 jQuery，然后再引入 jquery.easing.js 。...只需要按照官方对应的格式去写就可以，这个插件相当于扩充了官方的过渡效果样式。 插件的参数 这个插件有三个参数：duration、easing、complete。

    61920

    前端常用插件

    multiline: 用于 Javascript 中的多行文本，类似于 Ruby 的 HERE Doc screenfull.js: 全屏插件，支持各大浏览器 lunr.js: 类似于 Solr, 但是用于浏览器上的全文搜索引擎...: smartbanner 是从 IOS6 开始支持的一个新特性, 这个插件提供了对早期 IOS4/5 和 Android 的支持 jquery.scrollTo: 在页面上以一个元素为起始以动画的方式移动...(ScrollTo)到另一个元素， 支持回退等 jScrollPane: 自定义的滚动条，让所有浏览器都显示一样的滚动条 onepage-scroll: 提供类似于 iPhone6 展示页类似的效果，适用于单页应用...: jQuery 插件，用来生成二维码 Wookmark-jQuery: jQuery 的一个插件，可以用来实现瀑布流的效果 isotope: 可以用来过滤、排列布局，实现美观的动态布局切换效果，Demo...: jQuery 动画库的一个增强，用于现代浏览器 wysihtml: 富文本编辑器，适用于现代浏览器 slip: 一个通过滑动或者拖拽来操控列表的库 evil-icons: 一个矢量图库，提供 Ruby

    4.7K61

    第73天：jQuery基本动画总结

    important')重写样式 - 如果让show与hide成为一个动画，那么默认执行动画会改变元素的高度，高度，透明度 3、jQuery中显示与隐藏切换toggle方法 基本的操作：toggle();...默认就2种，可以通过下载插件支持。...要特别注意所有用于动画的属性必须是数字的，除非另有说明；这些属性如果不是数字的将不能使用基本的jQuery功能。...background-color很明显不可以，因为参数是red或者GBG这样的值，非常用插件，否则正常情况下是不能只用动画效果的。...，则返回值就是jQuery对象中第一个元素相对于它同辈元素的位置 - 如果在一组元素上调用 .index() ，并且参数是一个DOM元素或jQuery对象， .index() 返回值就是传入的元素相对于原先集合的位置

    3.2K10

    如何编写自己的jQuery插件？

    对于那些不知道的人来说，jQuery是一个JavaScript库，它包含了许多特性，非常小而且速度很快。...不仅如此，在创建jQuery对象时，这些附加方法并不是孤立的，而是在创建jQuery对象时使用其余的方法(已经继承的)调用。jQuery插件可以jQuery库中存在的各种方法的形式单独使用。...每个方法都是一个插件。但是，在新的情况下，插件也可以自定义创建，这并不是一项非常困难的任务。 jQuery是如何工作的？...因此，当需要多个jQuery库时，使用$可能会产生冲突。因此，为了使我们能够将jQuery与其他插件一起使用。必须将代码放在立即调用函数的表达式中。这之后是jQuery的传递，然后命名它的参数$....因此，最好让你的插件开始接受一些选项并使其可自定义。

    1.7K10

    都9102年了，还需要用到 jQuery 吗？

    介绍 关于 jQuery 这个流行的 JavaScript 库如何死亡的问题一直在不断的被讨论。...其中包括： jQuery 有一个可扩展的插件系统 - jQuery 有一个即插即用插件系统。你所需要做的就是下载插件并使用或自定义它们来满足你的需求。...jQuery提供简单性 - jQuery 不需要学习任何依赖知识。它具有较低的学习曲线，并且比较容易让人在很短的时间内学会并成为它的专家。...它仍受欢迎的一个原因是许多项目仍然依赖它（例如：Bootstrap 4.0 及以下版本，大量的 WordPress 插件和主题都是使用 jQuery 构建的）并且还有许多依赖 jQuery 的遗留代码库...如果你的项目需要大量动画，jQuery 可能是一个合适的选项，因为有大量可自定义的插件能够帮助补充易于使用的 .animate 方法。 为多个浏览器构建。

    2.2K40

    jQuery Easing Plugin 网页缓动函数速查表

    以 jQuery 为例，还记得之前在我爱水煮鱼上推荐的那个缓动插件 jquery.easing.js 吗？常规的动画效果就是线性变化，例如匀速的移动某个块或者元素。这种过渡效果很显然是非常低端普通的。...有了 jquery.easing.js 这个插件之后，就可以调用里面定义的一些动画过渡效果，让你的网页中的动画效果更佳的自然生动、与众不同。...但是，jquery.easing.js 插件的官方网站提供的动画预览功能非常弱，你必须点击某个效果，才可以看到。于是，就有人做了这样的一个 网页缓动函数速查表 并且开源有人将其翻译了一个中文版本。...当你确定要使用某个动画效果了，只需要用鼠标点击一下即可，这时候会出现应用这个动画效果的三种实现方式：jQuery 实现方法、SCSS 实现方法、CSS3 实现方法。...这样，你只需要复制一下代码，就可以将这个缓动效果应用在自己的项目中了，是不是很强大很方便呢？ 马上收藏这个 网页缓动函数速查表 把！ ----

    1.1K10

    响应式卡片抽奖插件 CardShow

    当然，博主写这篇文章不是为了炫耀这个 Demo，而是交流 jQuery 插件的编写以及这一项目中遇到的各种问题。...以下是我在写插件时遇到的问题以及解决的问题，大概包括 jQuery 插件编写、modernizr 使用、css3 动画、transitionend 事件、洗牌算法、相邻不重复随机数、获取 transform...jQuery 插件的编写 话说很多事情看着简单，做起来很难。如果不理解原生 js 的对象、函数、原型、作用域以及 jQuery 的核心思想及方法，想写一个插件可能真的非常困难。...对于 jQuery 插件的编写我就不多说了，网上一搜很多，比我写的好的更多，我只贴一下自己写的插件的结构。...相邻不重复随机数 解决这个问题多少让我有一些成就感，虽然还不是很完美。这个问题简单说就是：写一个函数，使其可以持续输出随机数，而相邻位置的随机数不相同。

    2.8K60

    awesome-javascript-cn

    官网 jcSlider：用 CSS 动画实现的响应式幻灯片 jQuery 插件。官网 basic-jquery-slider：易于使用、指定主题和定制化。...官网 datedropper： datedropper 是一个 jQuery 插件，它提供了快速简易的方式去管理日期输入框。...它基于jQuery，拥有自动完成和键盘感应下拉列表功能，可用于标签、联系人列表等。官网 select2：它基于 jQuery，是选择框（select box）的替代品。支持搜索、远程数据集和无限滚动。...官网 stellar.js：让视差滚动变简单。官网 plax：基于 jQuery 的视差库。官网 jparallax：创建可交互视差效果的 jQuery 插件。...官网、Github SoundJS：让音频在 web 上运行更简单的库。它为不同浏览器提供了一致的 API。官网 动画 velocity：加速 JavaScript 动画。

    10.7K80

    前端-10款web动画插件

    今天给大家带来了十款web前端动画插件，大家收藏了记得给个小心心哦 1.基于jQuery的瀑布流图片筛选插件 瀑布流的展现方式在目前的网页中用得越来越广泛，特别是图片和首页文章的动态加载。...今天分享的这款就是基于jQuery的瀑布流图片筛选插件，我们可以点击图片分类名称，即可将对应分类下的图片以瀑布流的方式展示出来，这款插件在筛选图片上使用还是比较方便的。 ?...2.基于Layui的可自定义添加删除数据的表格处理插件 如何在网页上编辑表格数据，这通过自己编写JS和CSS实现都是比较麻烦的，jQuery有很多插件可以完成这种功能，比如这款jQuery简易版的Excel...今天我们给大家带来另外一款基于HTML5 Canvas的飞机航班线路模拟动画，它模拟了许多航班在不同目的地的起飞降落数量。 ?...6.CSS3弧形曲线循环菜单导航 菜单项图标高亮 今天给大家带来一个非常富有创意的CSS3菜单导航插件，它与我们平常看到的横向菜单或者纵向菜单都不同，它的菜单项是沿着一段弧形曲线分布的，同时有两个上下切换的按钮

    5.9K50

    06-移动端开发教程-fullpage框架

    CSS3的新特性已经讲完了，接下来我们看一下jQuery的一个全屏jQuery全屏滚动插件fullPage.js。...比如：全屏滑动案例 下面我们就介绍一下jQuery的fullPage.js的如何使用及常用的配置。...2. fullpage.js的使用 2.1 兼容性 fullpage.js是jQuery的插件，需要依赖jQuery，要求jQuery最低的版本是1.6+。浏览器能兼容到ie8+及其他现代浏览器。...-- 如果是ie8浏览器或者设置了css3: false 那么需要引入jQuery的easing缓动插件，默认可以省略就行了。...配合animate.css的问题，animate的动画添加上animated样式和具体的动画类型才会具有动画效果。如果一开始全设置好了那么只有第一屏有动画效果，不是我们想要的结果。

    5.1K90

    06-移动端开发教程-fullpage框架

    CSS3的新特性已经讲完了，接下来我们看一下jQuery的一个全屏jQuery全屏滚动插件fullPage.js。...比如：全屏滑动案例 下面我们就介绍一下jQuery的fullPage.js的如何使用及常用的配置。...2. fullpage.js的使用 2.1 兼容性 fullpage.js是jQuery的插件，需要依赖jQuery，要求jQuery最低的版本是1.6+。浏览器能兼容到ie8+及其他现代浏览器。...-- 如果是ie8浏览器或者设置了css3: false 那么需要引入jQuery的easing缓动插件，默认可以省略就行了。...配合animate.css的问题，animate的动画添加上animated样式和具体的动画类型才会具有动画效果。如果一开始全设置好了那么只有第一屏有动画效果，不是我们想要的结果。

    5.1K50

    【第3期】前端常用插件、工具类库汇总

    /slick/ jQuery旋转木马插件slick jQuery slider：http://www.jq22.com/jquery-info889 插件描述：最全最简单最通用的 幻灯片轮播 ，可控制的插件...二维码 jQuery qrcode：https://github.com/jeromeetienne/jquery-qrcode 是一个能够在客户端生成矩阵二维码的jQuery插件，使用它可以很方便的在页面上生成二维码...它采用"Logic-less template"（无逻辑模版）的思路，在加载时被预编译，而不是到了客户端执行到代码时再去编译， 这样可以保证模板加载和运行的速度。...不用大量的图片、也不需要其他插件，同时支持自定义。 动画库 Animate.css：https://daneden.github.io/animate.css/ css3动画库，也是目前通用的动画库。...简单了解Easy Mock使用方法，可以参考如何使用Easy Mock，直接看文章中给出的视频连接即可。

    4.4K10

    「沙里淘金」精选浏览器端JavaScript库资源推荐

    jquery.hotkeys - jQuery Hotkeys让您可以在代码中的任何位置查看键盘事件，几乎可以支持任何组合键。 jwerty - 键盘事件的真棒处理。...jcSlider - 一个带有CSS动画的响应式滑块jQuery插件。 basic-jquery-slider - 使用简单，主题简单，易于定制。...Glide.js - 响应和触摸友好的jQuery滑块。它简单，轻便，快速。 jQuery.adaptive-slider - 一个带有自适应彩色figcaption和导航的滑块的jQuery插件。...simpleParallax - 简单而小巧的JavaScript库，可在任何图像上添加视差动画 菜单 jQuery-menu-aim - 用户光标瞄准特定下拉菜单项时触发事件的jQuery插件。...jquery-match-height - jQuery的响应性相等高度插件。 survey.js - JavaScript Survey Engine。它使用JSON进行调查元数据和结果。

    5.9K20

    「首席架构师推荐」一系列很棒的的浏览器端JavaScript库资源

    jquery.hotkeys - jQuery Hotkeys让您可以在代码中的任何位置查看键盘事件，几乎可以支持任何组合键。 jwerty - 键盘事件的真棒处理。...jcSlider - 一个带有CSS动画的响应式滑块jQuery插件。 basic-jquery-slider - 使用简单，主题简单，易于定制。...Glide.js - 响应和触摸友好的jQuery滑块。它简单，轻便，快速。 jQuery.adaptive-slider - 一个带有自适应彩色figcaption和导航的滑块的jQuery插件。...simpleParallax - 简单而小巧的JavaScript库，可在任何图像上添加视差动画 菜单 jQuery-menu-aim - 用户光标瞄准特定下拉菜单项时触发事件的jQuery插件。...jquery-match-height - jQuery的响应性相等高度插件。 survey.js - JavaScript Survey Engine。它使用JSON进行调查元数据和结果。

    6.7K21

    前端高效开发必备的 js 库梳理

    首先我觉得在学习任何知识之前必须要有一个明确的学习目标, 知道自己为什么要学它, 而不是看网上说的一股脑的给你灌输各种知识, 让你学习各种库, 从而不断的制造大家的焦虑感....前端由于入行门槛低, 更新换代很快, 每年都会有大量新的框架和库出现, 也有大量库被淘汰(比如 JQuery, 但是学习它的设计思想很有必要)....封装了各种dom/事件操作, 设计思想值得研究借鉴 zepto jquery的轻量级版本, 适合移动端操作 fastclick 一个简单易用的库，它消除了移动端浏览器上的物理点击和触发一个 click...与jQuery的 $.animate() 有相同的API, 同时还支持彩色动画、转换、循环、画架、SVG支持和滚动等效果 Vivus 一个零依赖的JavaScript动画库，可以让我们用SVG制作动画，...Typed.js 一个轻松实现打字效果的js插件 fullPage.js 一个可轻易创建全屏滚动网站的js滚动动画库, 兼容性无可替代 iscroll 移动端使用的一款轻量级滚动插件 鼠标/键盘相关

    2.1K30

    前端高效开发必备的 js 库梳理

    首先我觉得在学习任何知识之前必须要有一个明确的学习目标, 知道自己为什么要学它, 而不是看网上说的一股脑的给你灌输各种知识, 让你学习各种库, 从而不断的制造大家的焦虑感....前端由于入行门槛低, 更新换代很快, 每年都会有大量新的框架和库出现, 也有大量库被淘汰(比如 JQuery, 但是学习它的设计思想很有必要)....封装了各种dom/事件操作, 设计思想值得研究借鉴 zepto jquery的轻量级版本, 适合移动端操作 fastclick 一个简单易用的库，它消除了移动端浏览器上的物理点击和触发一个 click...与jQuery的 $.animate() 有相同的API, 同时还支持彩色动画、转换、循环、画架、SVG支持和滚动等效果 Vivus 一个零依赖的JavaScript动画库，可以让我们用SVG制作动画，...Typed.js 一个轻松实现打字效果的js插件 fullPage.js 一个可轻易创建全屏滚动网站的js滚动动画库, 兼容性无可替代 iscroll 移动端使用的一款轻量级滚动插件 鼠标/键盘相关

    1.9K10

    jQuery.dotdotdot多行文本省略号插件的使用方法

    最近在做一个自适应的网站，经常遇到需要文本的溢出地方，我写了一个CSS简单设置文本溢出的方法：用css实现文本溢出div显示省略号 但是IE只能设置单行溢出隐藏，Webkit内核浏览器才支持多行溢出，于是找到了这款插件...什么是dotdotdot Dotdotdot是一款截断网页多行内容的jQuery插件，当前文本超出范围自动显示省略号。 该插件可以在省略号之后，内容的结尾处添加“More/更多”锚点。...如何使用插件 首先，在页面中引入 nessesary .js 文件（需要jquery支持）。...            tolerance: 0,             /* 判断元素高度的偏差. */             truncate: "word",             /* 如何截断文本...*/         API.destroy();         /* 完全恢复元素到它的pre-init状态。

    2.4K01
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券