精华内容
下载资源
问答
  • doctype html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> , initial-scale=1.0"> <title>HTML5 3D动画标签云代码</title> ...

    在这里插入图片描述

    <!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>HTML5 3D动画标签云代码</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="js/jquery-2.1.1.min.js" type="text/javascript"></script>
    <script src="js/jquery.svg3dtagcloud.min.js"></script>
    <script>
    	$( document ).ready( function() {
    		var entries = [ 
    			{ label: 'Back to top', url: '#', target: '_top' },
    			{ label: 'Bootstrap', url: '#', target: '_top' },
    			{ label: 'Carousel', url: '#', target: '_top' },
    			{ label: 'Countdown', url: '#', target: '_top' },
    			{ label: 'Dropdown Menu', url: '#', target: '_top' },
    			{ label: 'CodePen', url: 'http://www.lanrenzhijia.com/', target: '_top' },
    			{ label: 'three.js', url: 'http://www.lanrenzhijia.com/', target: '_top' },
    			{ label: 'Form Validation', url: '#', target: '_top' },
    			{ label: 'JS Compress', url: 'http://www.lanrenzhijia.com/', target: '_top' },
    			{ label: 'TinyPNG', url: 'http://www.lanrenzhijia.com/', target: '_top' },
    			{ label: 'Can I Use', url: 'http://www.lanrenzhijia.com/', target: '_top' },
    			{ label: 'URL shortener', url: 'http://www.lanrenzhijia.com/', target: '_top' },
    			{ label: 'Grid Layout', url: '#', target: '_top' },
    			{ label: 'Twitter', url: 'http://www.lanrenzhijia.com/', target: '_top' },
    			{ label: 'deviantART', url: 'http://www.lanrenzhijia.com/', target: '_top' },
    			{ label: 'Gulp', url: 'http://www.lanrenzhijia.com/', target: '_top' },
    			{ label: 'Browsersync', url: 'http://www.lanrenzhijia.com/', target: '_top' },
    			{ label: 'GitHub', url: 'https://www.lanrenzhijia.com/', target: '_top' },
    			{ label: 'Shadertoy', url: 'http://www.lanrenzhijia.com/', target: '_top' },
    			{ label: 'Tree View', url: '#', target: '_top' },
    			{ label: 'jsPerf', url: 'http://www.lanrenzhijia.com/', target: '_top' },
    			{ label: 'Foundation', url: 'http://www.lanrenzhijia.com/', target: '_top' },
    			{ label: 'CreateJS', url: 'http://www.lanrenzhijia.com/', target: '_top' },
    			{ label: 'Velocity.js', url: 'http://www.lanrenzhijia.com/', target: '_top' },
    			{ label: 'TweenLite', url: 'http://www.lanrenzhijia.com/', target: '_top' },
    			{ label: 'jQuery', url: 'http://www.lanrenzhijia.com/', target: '_top' },
    			{ label: 'Notification', url: '#', target: '_top' },
    			{ label: 'Parallax', url: '#', target: '_top' }
    		];
    
    		var settings = {
    
    			entries: entries,
    			width: 640,
    			height: 480,
    			radius: '65%',
    			radiusMin: 75,
    			bgDraw: true,
    			bgColor: '#494A5F',
    			opacityOver: 1.00,
    			opacityOut: 0.05,
    			opacitySpeed: 6,
    			fov: 800,
    			speed: 0.5,
    			fontFamily: 'Oswald, Arial, sans-serif',
    			fontSize: '15',
    			fontColor: '#fff',
    			fontWeight: 'normal',//bold
    			fontStyle: 'normal',//italic 
    			fontStretch: 'normal',//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>
    
    <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"> 
    </div>
    </body>
    </html>
    

    在这里插入图片描述

    展开全文
  • Android标签云效果--自定义标签 动画绘制实现标签云的飞入、飞出效果.rar,太多无法一一验证是否可用,程序如果跑不起来需要自调,部分代码功能进行参考学习。
  • jquery仿wp动画悬浮标签云插件是query标签云悬浮的仿wp动画。 jquery仿wp动画悬浮标签云插件演示图: 点击查看演示:
  • JS悬浮彩色气泡文字标签云动画特效,大小颜色不一的气泡转动3D标签云动画效果。
  • jquery仿wp动画悬浮标签云插件是query标签云悬浮的仿wp动画。 jquery仿wp动画悬浮标签云插件演示图: 点击查看演示:
  • 一款简单好用的HTML5 3D标签云动画旋转代码,不需要额外的CSS样式,可使用鼠标与标签进行互动,鼠标悬停标签云停止旋转,所指向tag标签文字颜色高亮显示,其它标签文字则变暗。
  • HTML5 Canvas 3D球形文字标签云动画 HTML5 Canvas 3D球形文字标签云动画
  • CSS3实现的3d标签云动画
  • 实现效果: html5 canvas文字标签云3D旋转动画特效,在企业网站中加号是哪个这个的效果,我觉得也还是很不错的一个特效吧,php中文网推荐大家下载!
  • CSS3实现的3d标签云动画
  • JS制作TAG标签云文字动画特效是一款当鼠标悬停某个标签时,当前标签静止,移出恢复滚动效果。
  • JS制作TAG标签云文字动画特效是一款当鼠标悬停某个标签时,当前标签静止,移出恢复滚动效果。
  • SwiftUI 动画标签云进入退出动画效果 本文价值与收获 看完本文后,您将能够作出下面的界面 看完本文您将掌握的技能 进入效果.transition(.move(edge: .leading)) timer计时器.onReceive(timer) 设置动画效果....

    实战需求

    SwiftUI 动画之标签云进入退出动画效果

    本文价值与收获

    看完本文后,您将能够作出下面的界面

    标签云进入退出动画

    标签云进入退出动画

    看完本文您将掌握的技能

    • 进入效果.transition(.move(edge: .leading))
    • timer计时器.onReceive(timer)
    • 设置动画效果.animation(Animation.easeInOut(duration: 1))
    • 动画流程,设置变化,设置效果,设置动画

    实战代码

    //
    //  ContentView.swift
    //  SwiftUI_tags
    //
    //  Created by cf on 2021/1/19.
    //
    
    import SwiftUI
    
    import SwiftUI
    
    struct ContentView: View {
        private let timer = Timer.publish(every: 3, on: .main, in: .common).autoconnect()
        @ObservedObject var tagModel = TagModel()
        
        var body: some View {
            ZStack {
          
    展开全文
  • 一款很简单的JS冒泡动画效果文字云标签代码,一个个文字标签从下往上像气泡缓缓上升动画效果。
  • vue项目引入标签云动画js函数,数据重新渲染了,但是动画不执行了 rollTagCloud() { /* 3D标签云滚动函数*/ const timer = setTimeout(() => { this.$nextTick(function(){ // eslint-disable-next-line ...

    vue项目引入标签云动画js函数,数据重新渲染了,但是动画不执行了

        rollTagCloud() {
          /* 3D标签云滚动函数*/
          const timer = setTimeout(() => {
            this.$nextTick(function(){
              // eslint-disable-next-line
              tagcloud({
                selector: '.tagcloud', // 元素选择器 fontsize: 16, //基本字体大小, 单位px
                radius: 70, // 滚动半径, 单位px
                mspeed: 'normal', // 滚动最大速度, 取值: slow, normal(默认), fast
                ispeed: 'normal', // 滚动初速度, 取值: slow, normal(默认), fast
                direction: 135, // 初始滚动方向, 取值角度(顺时针360): 0对应top, 90对应left, 135对应right-bottom(默认)...
                keep: false // 鼠标移出组件后是否继续随鼠标滚动, 取值: false, true(默认) 对应 减速至初速度滚动, 随鼠标滚动
              })
            })
          }, 20)
          // 通过$once来监听定时器,在beforeDestroy钩子可以被清除。
          this.$once('hook:beforeDestroy', () => {
            clearTimeout(timer)
          })
        }
    

     

    展开全文
  • 两个标签云动画效果小demo

    千次阅读 2019-04-25 19:52:06
    两个动态标签云效果 demo1 demo2 效果预览地址 https://liaocan.top/dynamic-tags-cloud/demo1/ https://liaocan.top/dynamic-tags-cloud/demo2/ 项目传送门 https://github.com/nqmysb/dynamic-tags-cloud ...
    展开全文
  • 3D旋转标签云

    千次阅读 多人点赞 2020-09-04 08:34:09
    3D旋转标签云
  • 从数组生成的3d动画标签云。 您可以通过调整参数轻松地对其进行自定义。 您也可以在找到该插件。 快速开始 这是给你的例子。 您也可以查看此演示。 <!doctype html public "lice" > <!-- paulirish....
  • GiftCard-Android好看的卡片动画效果.rar,太多无法一一验证是否可用,程序如果跑不起来需要自调,部分代码功能进行参考学习。
  • html5 canvas文字标签云3D旋转动画特效

    千次阅读 2018-09-19 20:46:02
    tagcanvas.min.js下载 &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;...l...
  • TagCanvas 是一个基于HTML5Canvas技术开发的标签云动画。还提供一个以jQuery插件形式实现的版本。它支持文本和图片两种格式,能够以 Sphere, hcylinder 或 vcylinder 三种形状显示。TagCanvas 还支持IE浏览器(利用 ...
  • Matter:1、发现实例不足,无法悬停(有待解决)2、无法系统随机自动上色(有待解决)首先使用标签云的一家高知名度的网站---照片共享网站Flickr。标签云的设计者是交互设计师Stewart Butterfield。之后,标签云被诸如...
  • 3D动画文字滚动特效带标签云上下文字滚动,鼠标光标定位时上下文字滚动感应 2、实现原理 首先将在div定义一个可以辨识鼠标位置的方法比且获得鼠标的位置然后定义方法通过辨别鼠标的位置让里面的文字或向上...
  • div+css3实现漂亮的多彩标签云,鼠标移动会有动画 点击运行效果 <style> .dict { margin: 20px 0;clear:both ;text-align:left;font-size:12px;} .dict a { line-height: 24px; height: 24px; ...
  • OpenGL实现标签云

    2011-07-08 17:26:12
    基于MFC通过OpenGL和MFC实现的标签云
  • jQuery仿百度新闻标签云关键词代码是一款扁平化风格带动画效果的百度新闻热搜新闻词标签云特效。
  • Android 实现类似QQ好友印象的标签云界面效果,自定义标签动画和淡入淡出的动画效果,适合初学者学习,代码简单,注释详细。
  • WordPress 3D旋转彩色标签云

    千次阅读 2016-04-20 15:25:34
    彩色标签云为我们的网站标签文章导航方便了很多,修改默认的标签云样式是我们WORDPRESS爱好者必然追求的,如果加入3D旋转动画效果更是为我们的网站添彩不少,在知更鸟的网站看到了详细的介绍,但由于用的主题不一样...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 9,516
精华内容 3,806
关键字:

动画标签云