`
huttoncs
  • 浏览: 201454 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

页面控制比例条显示(通过两张图片达到的效果)

阅读更多
/**
*控制比例条以及比例显示
*/
function bilv(cell,data){
     var  total = $("#total").val();
     if(total==0){
        total=1;
        }
     var count = data["count"];
     var a = count/total;
     if(a>1){
       a=1;
      }
     var  pic = "<img width='"+148*a+"' height='10' src='../../../res/sites/images/red_precent.gif'><img width='"+148*(1-count/total)+"' height='10' src='../../../res/sites/images/qian_precent.gif'>";
     var  bil ="<a>"+Math.round(a*100)+"%</a>";
    
     cell.html(pic+bil);
}
  • 大小: 233 Bytes
  • 大小: 858 Bytes
分享到:
评论

相关推荐

    图片实现轮播放大2倍

    这种动画效果可以通过`transition`属性来控制速度和缓动函数,以达到平滑的放大效果。 2. **预加载和隐藏显示**:另一种方法是在图片轮播初始化时加载下一张图片,但以原始尺寸的两倍隐藏在屏幕外。当切换到该图片...

    js图片轮播

    在网页设计中,图片轮播是一种常见的交互元素,用于展示多张图片并自动进行切换,以达到吸引用户注意力和丰富页面内容的效果。本教程将详细讲解如何使用JavaScript纯手写实现一个图片轮播功能。 首先,我们需要理解...

    多图片缩放拖动切换

    这个功能提供了用户友好的交互体验,允许用户自由地查看和浏览多张图片,通过缩放、拖动以及平滑切换来探索图像细节。下面将详细介绍实现这一功能所需的关键知识点。 1. **图片显示技术**:首先,我们需要了解如何...

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    (1)针对多窗口类浏览器模式问题,指出并分析了该问题存在的原因,利用Activity的运行机制,通过Fragment栈对主要模块的Webview进行管理,实现对不同模块之间切换的控制。 (2)针对跨域数据交互问题,指出并分析了...

    奇妙的Javascript图片放大镜

    1. 准备素材:你需要两张内容相同但尺寸不同的图片,一张是缩略图,用于显示在页面上;另一张是大图,用于放大镜效果。例如,我们可以选择400×300像素的`small_hill.gif`作为缩略图,800×600像素的`big_hill.gif`...

    Excel新增工具集

    4、工资条(成绩条)群发到个人文件夹:现在许多单位的个人信息都存放在服务器中由职工通过FTP查看,本软件能将同一个工作表中的每行记录(工资条)另存为同名的个人文件夹中,并统一改名。例如:存到[独立]文件夹中...

Global site tag (gtag.js) - Google Analytics