所有源码的js，里面还有其他一些没有列出的好玩特效

共13个文件

rar：8个

js：2个

zip：1个

javascript

156 浏览量 2023-09-13 15:00:03 上传评论收藏 818KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

特效js.zip （13个子文件）

特效js

动态仪表盘.rar 56KB

jquery.svg3dtagcloud.min.js 9KB

finsh.min.js 7KB

jquery.svg3dtagcloud.min.js.bak 5KB

css炫彩文字动画背景.rar 397KB

css+html灯笼动画.rar 71KB

轻量级消息弹窗插件.rar 41KB

四季场景手风琴变换效果.rar 210KB

canvas彩色远点烟花.rar 4KB

饮料瓶造型文字旋转.rar 3KB

demo.html 4KB

canvas鼠标移动粒子动画特效.rar 22KB

mini.js.zip 4KB

<!doctype html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>标签云</title> <link rel="stylesheet" type="text/css" href="css/zzsc-demo.css"> <style type="text/css"> #tag-cloud{ width:640px; height:480px; margin: 50px auto; } </style> </head> <body> <div class="zzsc-container"> <div id='tag-cloud'></div> </div> <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script> <script src="js/jquery.svg3dtagcloud.min.js"></script> <script> $( document ).ready( function() { var entries = [ { label: '人工智能', url: '#', target: '_top' }, { label: '机器学习', url: '#', target: '_top' }, { label: '深度学习', url: '#', target: '_top' }, { label: '神经网络', url: '#', target: '_top' }, { label: '自然语言处理', url: '#', target: '_top' }, { label: '计算机视觉', url: '#', target: '_top' }, { label: '数据挖掘', url: '#', target: '_top' }, { label: '强化学习', url: '#', target: '_top' }, { label: '意图识别', url: '#', target: '_top' }, { label: '数据预处理', url: '#', target: '_top' }, { label: '模式识别', url: '#', target: '_top' }, { label: '推荐系统', url: '#', target: '_top' }, { label: '生成对抗网络', url: '#', target: '_top' }, { label: '聊天机器人', url: '#', target: '_top' }, { label: '分类器', url: '#', target: '_top' }, { label: '回归分析', url: '#', target: '_top' }, { label: '集成学习', url: '#', target: '_top' }, { label: '特征工程', url: '#', target: '_top' }, { label: '知识图谱', url: '#', target: '_top' }, { label: '语音识别', url: '#', target: '_top' }, { label: '自动驾驶', url: '#', target: '_top' }, { label: '增强学习', url: '#', target: '_top' }, { label: '迁移学习', url: '#', target: '_top' }, { label: '模型解释性', url: '#', target: '_top' }, { label: '链接分析', url: '#', target: '_top' }, { label: '噪声生成', url: '#', target: '_top' }, { label: '半监督学习', url: '#', target: '_top' }, { label: '计算智能', url: '#', target: '_top' }, { label: '区块链', url: '#', target: '_top' }, { label: '云计算', url: '#', target: '_top' }, { label: '物联网', url: '#', target: '_top' }, { label: '虚拟现实', url: '#', target: '_top' }, { label: '增强现实', url: '#', target: '_top' }, { label: '混合现实', url: '#', target: '_top' }, { label: '5G技术', url: '#', target: '_top' }, { label: '生物技术', url: '#', target: '_top' }, { label: '网络安全', url: '#', target: '_top' } ]; var settings = { entries: entries, width: 640, height: 480, radius: '65%', radiusMin: 75, bgDraw: true, // bgColor: '#494A5F', bgColor: '#fff', opacityOver: 1.00, opacityOut: 0.05, opacitySpeed: 6, fov: 800, speed: 0.2, fontFamily: 'Oswald, Arial, sans-serif', fontSize: '15', fontColor: 'random',// #fff; random则会随机颜色 fontWeight: 'bold',//bold fontStyle: 'normal',//italic fontStretch: 'wider',//wider, narrower, ultra-condensed, extra-condensed, condensed, semi-condensed, semi-expanded, expanded, extra-expanded, ultra-expanded fontToUpperCase: true }; //var svg3DTagCloud = new SVG3DTagCloud( document.getElementById( 'holder' ), settings ); $( '#tag-cloud' ).svg3DTagCloud( settings ); } ); </script> </body> </html>

评论收藏

内容反馈