JQuery
关注
分享
扫一扫
JQuery经典案例集锦
豆皮没有豆
好好生活慢慢相遇
展开
-
jQuery canvas+svg绘制可爱星星跳舞动画特效
anime.min.js代码：/* * anime.js v3.0.1 * (c) 2019 Julian Garnier * Released under the MIT license * animejs.com */!function(n,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&defin转载 2020-08-25 16:10:53 · 885 阅读 · 0 评论 -
jQuery canvas碎片粒子组成爱心图形动画特效
style.css代码：/* latin-ext */@font-face { font-family: 'Lato'; font-style: normal; font-weight: 900; src: local('Lato Black'), local('Lato-Black'), url(https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh50XSwaPGR_p.woff2) format('woff2'); unicod转载 2020-08-25 14:30:35 · 1004 阅读 · 0 评论 -
jQuery canvas水晶光圈圆环旋转动画特效
源码：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>canvas水晶光圈圆环旋转动画特效</title> <style> html, body { margin: 0; overflow: hidden; background: #151a28; } canvas {转载 2020-08-25 14:19:21 · 931 阅读 · 0 评论 -
jQuery 图片放大镜
源码HTML代码：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>jQuery放大镜</title> <style> #small #mark{原创 2020-08-25 10:20:28 · 293 阅读 · 0 评论 -
JQuery 小数乘以整数计算不准确处理
例：49.90 乘以9时js计算乱了不准确var y=49.90var x=9;var z=parseFloat(y)*Number(x);//alert(z);//输出有误alert(keepDecimal(z));把计算的结果调用下面方法解决function keepDecimal(num) { var result = parseFloat(num); if (isNaN(result)) { return 0; } result = M原创 2020-06-30 18:06:17 · 719 阅读 · 0 评论 -
jQuery 实现淘宝精品案例
源码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; ...原创 2019-04-03 12:21:59 · 2053 阅读 · 3 评论 -
jQuery 实现手风琴式下拉标题案例
源码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ padding: 0; margin: ...原创 2019-04-03 12:21:09 · 282 阅读 · 0 评论 -
jQuery 实现图片突出展示（图片阴影案例）
源码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; ...原创 2019-04-03 11:58:13 · 932 阅读 · 0 评论 -
jQuery 简单介绍，二级菜单（HTML+css；JavaScript；jQuery三种实现方式）
jQuery简介jQuery 库可以通过一行简单的标记被添加到网页中。在您开始学习 jQuery 之前，您应该对以下知识有基本的了解：HTML、CSS、JavaScript。什么是 jQuery ？jQuery是一个JavaScript函数库。jQuery是一个轻量级的"写的少，做的多"的JavaScript库。jQuery库包含以下功能：HTML 元素选取HTML 元素操作C...原创 2019-04-03 11:44:39 · 3349 阅读 · 0 评论 -
jQuery 实现弹幕效果案例
源码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> html, body { margin: 0px; ...原创 2019-04-08 14:09:22 · 974 阅读 · 0 评论 -
jQuery 实现音乐导航案例
源码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> * { margin: 0; padding: ...原创 2019-04-08 14:08:51 · 1040 阅读 · 0 评论 -
jQuery 实现小米手风琴图片案例
源码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0...原创 2019-04-07 11:27:26 · 624 阅读 · 0 评论 -
jQuery 京东轮播图案例（三种实现方式）
①源码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> * { margin:0; padding:0; font-family:微...原创 2019-04-04 16:57:48 · 2066 阅读 · 0 评论 -
jQuery 美女画廊案例
源码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body { background-color: #666; ...原创 2019-04-04 16:57:12 · 1084 阅读 · 0 评论