原生js文字标签云上下滚动播放
2016-05-10 13:02
447 查看
效果:http://hovertree.com/texiao/js/25/
效果图:
![](http://hovertree.com/hvtimg/bjafje/pk091my5.png)
代码如下:
转自:http://hovertree.com/h/bjaf/hovertreetags.htm
特效库:http://www.cnblogs.com/roucheng/p/texiao.html
效果图:
![](http://hovertree.com/hvtimg/bjafje/pk091my5.png)
代码如下:
<!DOCTYPE html> <html> <head><meta name="viewport" content="width=device-width, initial-scale=1" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>HovertreeTags标签云JS特效_何问起</title> <base target="_blank" /> <style>.hovertreeinfo{text-align:center;margin-top:10px;} .hovertreeinfo a{color:black;} </style> <link href="http://hovertree.com/texiao/js/25/hovertreetags.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="hovertreeinfo"><h1>HovertreeTags标签云JS特效</h1></div> <div id="hovertreetags"> <a href="http://hovertree.com/menu/java/" class="tagc1">Java</a> <a href="http://hovertree.com/menu/visualstudio/" class="tagc2">Visual Studio</a> <a href="http://hovertree.com/menu/javascript/" class="tagc5">JavaScript</a> <a href="http://hovertree.com/menu/php/" class="tagc2"> PHP </a> <a href="http://hovertree.com/menu/jquery/" class="tagc2">jQuery</a> <a href="http://hovertree.com" class="tagc1">何问起</a> <a href="http://hwq2.com" class="tagc2">hwq2</a> <a href="http://hovertree.com/menu/texiao/" class="tagc5">网页特效</a> <a href="http://hovertree.com/menu/csharp/" class="tagc2">C#</a> <a href="http://hovertree.com/menu/bootstrap/" class="tagc2">Bootstrap</a> <a href="http://hovertree.com/menu/java/" class="tagc5">Java</a> <a href="http://hovertree.net" class="tagc2">hovertree.net</a> <a href="http://keleyi.com/" class="tagc1">柯乐义</a> <a href="http://keleyi.com/a/bjac/d863921ed93d03ff.htm" class="tagc2">a标签</a> <a href="http://hovertree.com/h/bjaf/l3c6nm7b.htm" class="tagc5">何问起键盘</a> <a href="http://hovertree.com/tiku/bjaf/5v9ps30o.htm" class="tagc2"> 数组 </a> <a href="http://tool.hovertree.com/a/base64/" class="tagc2">Base 64</a> <a href="http://hovertree.com" class="tagc1">HoverTree</a> <a href="http://hovertree.com/code/css/4u8q30yw.htm" class="tagc2">CSS开门</a> <a href="http://hovertree.com/code/" class="tagc5">代码</a> <a href="http://hovertree.com/menu/css/" class="tagc2">CSS</a> <a href="http://hovertree.com/h/bjaf/c7lmaqjx.htm" class="tagc2">Bootstrap</a> <a href="http://hovertree.com/tiku/" class="tagc5">题库</a> <a href="http://hovertree.com/h/bjaf/kqud99m6.htm" class="tagc2">图标旋转</a> </div> <div class="hovertreeinfo"><a href="http://hovertree.com/h/bjaf/hovertreetags.htm">原文</a> <a href="http://hovertree.com">首页</a> <a href="http://hovertree.com/texiao/">特效</a> </div> <script src='http://hovertree.com/texiao/js/25/hovertreetags.js' type="text/javascript"></script> </body> </html>
转自:http://hovertree.com/h/bjaf/hovertreetags.htm
特效库:http://www.cnblogs.com/roucheng/p/texiao.html
相关文章推荐
- javascript第一天数据类型及声明方式
- 子页面控制父页面跳转
- javascript实现的猜数小游戏完整实例代码
- js实现的简单图片浮动效果完整实例
- 深入理解js匿名函数与闭包
- ExtJS快速入门指南
- js 获取事件源
- js/jsp操作cookie的方法
- 详情页JS特效:往下滚动时,侧边新闻随着固定显示
- js学习笔记2---HTML属性操作
- javascript学习——使用javascript
- js事件多次绑定问题
- JavaScript开发之路01(初识Sencha Touch框架)
- js学习笔记1---使用方法
- 日常开发笔记(不定期更新)
- JSP的九个隐含对象,EL表达式中的11个隐含对象,JSP的6个基本动作
- javascript中的prototype详细解释
- iframe里面的页面调用父窗口,左右窗口js函数的方法
- js中易混淆的方法及概念
- JSP中引入js文件