<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style>
.R_normal_frame {
width: 227px;
padding: 10px;
margin-bottom: 10px;
}
.lable_count {
background: #fdcca1;
height: 7px;
line-height: 0;
font-size: 0;
}
</style>
<script LANGUAGE="JavaScript" src="../jquery-1.7.min.js"></script>
<script>
$(function(){
(function(){
var bar = $("#right_scroll_bar .lable_count");
bar.show();
var divLib = [];
$.each(bar,function() {
var obj = $(this);
divLib.push({div:obj,width:obj.width(),boo : true});
obj.width(0);//将所有设置为0
});
doA(1);
function doA(mount,callback) {
var length = 0;
var i = 5;
$.each(divLib,function() {
this.boo = true;
});
var timer = setInterval(function() {
var divObj;
$.each(divLib,function() {
var div = this.div;
if(mount > 0) {
if(div.width() < this.width) {
div.width(div.width()+i*mount);
}else if(this.boo){
this.boo = false;
length++;
}
}else {
if(div.width() >0) {
div.width(div.width()+i*mount);
}else if(this.boo){
this.boo = false;
length++;
}
}
});
if(length>=divLib.length) {
clearInterval(timer);
if(callback)callback();
}
},30);
}
})();
})
</script>
</HEAD>
<BODY>
<div class="R_normal_frame">
<table cellspacing="0" cellpadding="0" border="0" width="100%" id="right_scroll_bar">
<tbody><tr>
<td nowrap="nowrap" width="25%" class="font_blue">
<a title="梁静茹" href="/ugc/queryUgcToneByTag.action?tagName=梁静茹&tagId=41">
梁静茹
</a>
</td>
<td width="60%"><div class="lable_count" style="width: 100px;"></div></td>
<td nowrap="nowrap" width="15%" class="font_orange">4</td>
</tr>
<tr>
<td nowrap="nowrap" width="25%" class="font_blue">
<a title="夏天" href="/ugc/queryUgcToneByTag.action?tagName=夏天&tagId=54">
夏天
</a>
</td>
<td width="60%"><div class="lable_count" style="width: 75px;"></div></td>
<td nowrap="nowrap" width="15%" class="font_orange">3</td>
</tr>
</tbody>
</table>
</div>
</BODY>
</HTML>
分享到:
相关推荐
Android开发使用到的流式布局,适合用在热门标签、热门搜索等,本实例主要用到自定义viewpager.rar,太多无法一一验证是否可用,程序如果跑不起来需要自调,部分代码功能进行参考学习。
android项目中的标签控件,用于实现热门标签的功能.rar,太多无法一一验证是否可用,程序如果跑不起来需要自调,部分代码功能进行参考学习。
Office Tab 在 Word、Excel、PowerPoint 加入分页标签功能Office Tab 在 Word、Excel、PowerPoint 加入分页标签功能Office Tab 在 Word、Excel、PowerPoint 加入分页标签功能Office Tab 在 Word、Excel、PowerPoint ...
SOE时间标签功能zip,SOE时间标签功能
android流式布局实现热门标签。封装了一个流式布局的实现,类似于瀑瀑流布局(有一点区别)。并且实现了一个比较常用的android上的热门标签的功能,就像qq上的好友印象那样的标签。
Edge/Chrome中实现滚轮切换标签页功能 只需开启,浏览器中就可以实现鼠标滚轮切换标签页功能。 方便快捷
Axure标签功能描述
实现类似网易邮箱的TAB标签页功能,很多管理软件也在用,仅供参考
SOE 时间标签功能使用入门,SOE 时间标签功能使用入门,SOE 时间标签功能使用入门
我们要实现的就是热门Tag功能. 指定Tag数据源, 以Tag字体的大小代表具有该tag文章数的多少, 用来反映Tag的流行程度, 从而更好的展现数据. 这个功能主要是通过具有tag文章数量的多少,显示tag的字体大小级别 用法: ...
本资源提供了Lodop实现在UniApp应用程序中打印标签的功能的库文件源代码。在本资源中,我们将介绍如何使用Lodop在UniApp中打印标签,包括如何定义标签样式、打印内容和打印方式等。此外,我们还将提供一些示例代码和...
单间的贴标签功能,虽然挺丑,不过样式可以自己改改
自己总结的有关jdbc访问数据库的封装 + 自定义标签 + 购物车 功能的小练习
iframe标签实现pdf预览功能
在ASP中使用的HTML4.01标签功能大全,值得一看!
********** TP自定义模板pc标签(Pctag:pc) ************ ...功能类似PHPcms的pc标签功能。模板标签主动的调用数据源,获取数据后再自行组织展示。支持取模板assign的赋值变量,支持$_GET,$_SERVER等
实现相机功能 实现对图片进行裁剪的功能 图片的滤镜功能 能为图片添加贴纸(贴纸可移动,放大,旋转) ...能为图片添加标签(同样可以移动) 本地保存制作好的图片,并展示 较多的自定义控件,不错的项目架构
vc++mfc编程实验 标签控件 两个标签页完成不同功能 还有报告 需要的就拿去
Unity3D虚拟现实开发之标签跟随功能简易工程包,脚本使用C#编写
类似淘宝评价流式标签功能实现类似淘宝评价流式标签功能实现类似淘宝评价流式标签功能实现