随笔分类 -  js效果

bshare网页分享插件
摘要：效果图： // 侧边栏分享效果 window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "", "bdMini": "2", "bdMiniList": false, "bdPic": "", "bdStyle": "0", 阅读全文
posted @ 2021-06-25 10:38 星河几重 阅读(512) 评论(0) 推荐(0)
背景彩带动画插件ribbon.js
摘要：效果图： 插件ribbon.js代码如下： /** * Ribbons Class File. * Creates low-poly ribbons background effect inside a target container. */ (function (name, factory) { 阅读全文
posted @ 2021-06-24 23:03 星河几重 阅读(842) 评论(0) 推荐(0)
鼠标点击出现爱心特效
摘要：效果图： (function(window,document,undefined){ var hearts = []; window.requestAnimationFrame = (function(){ return window.requestAnimationFrame || window. 阅读全文
posted @ 2021-06-08 16:10 星河几重 阅读(147) 评论(0) 推荐(0)
【js效果】屏蔽鼠标右键
摘要：<html> <head> <title>屏蔽鼠标右键</title> <script language="javascript"> function click(){ if (event.button==2){ alert('禁止使用鼠标右键！') } } document.onmousedown 阅读全文
posted @ 2021-02-04 10:47 星河几重 阅读(105) 评论(0) 推荐(0)
【js效果】下拉菜单
摘要：鼠标经过展开下拉菜单 方法一 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" 阅读全文
posted @ 2021-02-03 14:37 星河几重 阅读(260) 评论(0) 推荐(0)
【js效果】倒计时
摘要：#节日倒计时 方法一 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>倒计时</title> <style> *{ margin: 0; padding:0; } p { font-size: 80px; t 阅读全文
posted @ 2021-01-27 17:42 星河几重 阅读(123) 评论(0) 推荐(0)