代码:标签云
2015-11-18 16:42
323 查看
http://www.mycodes.net/170/8434.htm jQCloud热门城市文字标签云
http://www.mycodes.net/170/8013.htm Win8风格随机文字生成标签云代码(需要研究一下,需要改写。为了seo,需要把词汇列表写在页面中) 2015-11-18
文字标签云,js 使文字排列整齐一些:(不完善,只是试验一下) 2015-11-19
....
http://www.mycodes.net/170/8013.htm Win8风格随机文字生成标签云代码(需要研究一下,需要改写。为了seo,需要把词汇列表写在页面中) 2015-11-18
文字标签云,js 使文字排列整齐一些:(不完善,只是试验一下) 2015-11-19
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script> <script type="text/javascript"> $(function(){ $(".taglist").click(function(){ var len=$(".taglist").find("a").size(); var alist=$(".taglist").find("a"); var taglistW = $(".taglist").width(); var offset = parseFloat(alist.eq(0).css("paddingLeft")) + parseFloat(alist.eq(0).css("paddingRight")) + parseFloat(alist.eq(0).css("marginRight")) + parseFloat(alist.eq(0).css("borderRight"))*2; for(var i=1;i<len;i++){ alist.eq(i).attr("id",i); } for(var i=1;i<len;i++){ console.log("offset"+offset); var x0=alist.eq(i-1).position().left; var w0=alist.eq(i-1).width() + offset; var x1=alist.eq(i).position().left; var w1=alist.eq(i).width() + offset; if(taglistW-x0-w0-w1<0){ alist.eq(i).after(alist.eq(i-1).remove());//移动标签 } //console.log("x0="+x0+", w0:"+w0); //console.log(" x1:"+x1+", w1:"+w1); } }); }); </script> <section class="taglist"> <a href="">标题标题题标题</a> <a href="">标题标题</a> <a href="">标</a> <a href="">标题标题标题</a> </section>
....
相关文章推荐
- python3输出unicode
- Python中list的实现
- php-fpm优化
- eclipse与myeclipse恢复已删除的文件和代码
- javafx form
- 【ThinkPHP】变量输出至模板
- MyEclipse 10 创建Maven项目
- Java中的static关键字
- java的File.separator
- Python处理Json报文
- Java JFrame简单程序(SimpleJFrame.java)
- C语言之const修饰符
- Qt---在QLabel上实现系统时间
- 【python】class之子类
- springMVC下,MyBatis实现复杂查询
- Java程序执行原理 字节码
- asp.net中session的原理及应用
- c++可变序列算法
- c# 批量操作
- Lombok 安装、入门 - 消除冗长的 java 代码