javascript插件库
关注
分享
扫一扫
那是遇知吧
Life is but a walking shadow
展开
-
每日一练23：二维码的实现
第一种写法qrcodenpm i qrcode --save<template> <div id="qrCode"> <div id="code"></div> <canvas id="canvas"></canvas> </div></template><script>import QRCode from "qrcode";export defa原创 2020-10-21 18:03:41 · 365 阅读 · 0 评论 -
JQuery之 加減（Part9）
今天來講一個點擊加則加一，點擊-則減一的功能編寫。效果如下：說明：最小為1，最大為10，自己也可以更改的哈。css .buy .com_symbol { height:20px; color:#FFF; font-weight:500; text-align:center; display:inline-block; padding:0 10px; line...原创 2019-04-15 10:20:23 · 301 阅读 · 0 评论 -
JQuery之 逐次加載（Part8）
今天來講一個逐次加載，當滾動到指定位置則加載對應的效果。說明：offset():offset() 方法设置或返回被选元素相对于文档的偏移坐标。 scrollTop():scrollTop() 方法设置或返回被选元素的垂直滚动条位置。 scroll():当用户滚动指定的元素时，会发生 scroll 事件。CSS: *{padding:0; margin:0}.header{ h...原创 2019-04-15 10:12:42 · 159 阅读 · 0 评论 -
JQuery之 星星評分（Part7）
1：參考xklsky《写了个jquery星星打分效果》編寫的一個星星評分:2：站長素材星星評分參考二說明：鼠标点击，该元素包括该元素之前的元素获得样式,并给隐藏域span赋值 鼠标移入，样式随鼠标移动 鼠标移出，样式移除但被鼠标点击的该元素和之前的元素样式不变 每次触发事件，移除所有样式，并重新获得样式css： ul, li { ...原创 2019-04-12 09:38:48 · 113 阅读 · 0 评论 -
JQuery之在不同的a標籤中添加不同的href屬性值（Part5）
今天在工作中遇到一個案列就是要在一個table中添加中添加a標籤要帶有跳轉功能，在相同的class名跳轉為相同的href的簡單功能。HTML: <div class="banner_div"> <table border="1"> <tr> <td rowspan="2"&g...原创 2019-04-02 13:39:54 · 245 阅读 · 0 评论 -
28个纯css3 加载loading动画特效
轉自懶人之家<!doctype html><head><meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="css/lanrenzhijia.css"/> <link rel="stylesheet" type="text/css" h...转载 2019-04-01 15:30:23 · 620 阅读 · 0 评论 -
JQuery之無縫輪播（part4）
今天寫的寫的這個是自適應的無縫輪播。1：setInterval（）定時器2：clearInterval（）關閉定時器方法一和方法二很像，只有細微差別。方法一：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name...原创 2019-04-01 14:13:41 · 460 阅读 · 0 评论 -
JQuery之 响应式卡片轮播切换（Part6）
轉自《jQuery响应式卡片轮播切换代码》效果如圖：css: <style> body { padding: 0; margin: 0; background: #fff; overflow-x: hidden; overflow-y...转载 2019-04-10 16:57:35 · 1219 阅读 · 0 评论 -
JQuery之手风琴效果（part3）
今天来学手风琴。点击小图换为大图显示。运用了attr()方法<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> body, html, .wr...原创 2019-03-31 21:55:07 · 106 阅读 · 0 评论 -
javascript原生離子效果（Part1）
今天來總結一個公司用到的一個離子效果功能，這是我在jquery插件庫裡面找到的，但是很久了，網址找不到了，不好意思哈！鼠標放在頁面上去靠近那些白色線條，越來越多的線條會形成一個球形。源碼如下：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title&...转载 2019-03-16 15:13:41 · 164 阅读 · 0 评论 -
每日一练19：javascript插件库之无缝信息滚动
今天来学习信息的无缝滚动。知识点：setTimeout(表达式，延迟时间) 在执行时，是在载入后延长指定时间后，去执行一次表达式。只进执行一次。 setInterval(表达式，交互时间)在执行时，它从载入后，每隔指定的时间就执行一次表达式。无缝滚动<!DOCTYPE html><html> <head> <meta c...原创 2019-03-29 21:45:48 · 164 阅读 · 0 评论