`
huttoncs
  • 浏览: 201474 次
  • 性别: 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
分享到:
评论

相关推荐

    js控制图片放大、缩小、按比例显示

    在JavaScript(JS)编程中,控制图片的放大、缩小以及按照比例显示是常见的需求,尤其在网页设计和交互效果中。下面将详细讲解如何利用JavaScript实现这些功能。 1. **图片放大与缩小** - **鼠标滚动事件**:在...

    四张图片轮换显示横幅广告

    在探讨“四张图片轮换显示横幅广告”的JavaScript特效时,我们首先应当明确这是一个典型的网页动态效果案例,旨在通过编程技术实现图像的自动切换,从而达到吸引用户注意力、提升用户体验的目的。以下是对该特效核心...

    页面实现多个图片轮播功能demo

    本项目“页面实现多个图片轮播功能demo”旨在教你如何使用原生JavaScript来实现这一功能,同时通过调用同一函数实现代码复用,避免冗余。 一、图片轮播基本原理 图片轮播的核心原理是改变图片的显示状态,通常通过...

    android画廊效果,中间图片变大

    我们可以通过实现`PageTransformer`接口,重写`transformPage`方法,来控制每个页面在滑动过程中的缩放、旋转等效果,实现中间图片放大的动态变化。 4. **图片加载库**:为了高效地加载和显示大量图片,通常会用到...

    HTML 页面实现A4纸样式 显示效果

    在网页设计中,有时我们需要创建一个HTML页面,使其在视觉上呈现出类似A4纸张的效果,这在制作电子...通过灵活运用这些技术,你可以创建出具有专业外观的电子文档,无论是在线阅读还是打印输出,都能达到理想的效果。

    android显示多item多图片的viewpager,选中项居中变大,非选中项模糊变小

    模糊度可以通过控制模糊半径来调整,而缩放比例可以通过计算与中心位置的距离来确定。为了平滑过渡,我们可以使用`ObjectAnimator`或`ValueAnimator`来创建动画效果,使得图片的变换过程更自然。 最后,为了保证...

    JS多种新闻图片切换效果

    - 快速切换:通过快速展示每张图片,形成类似幻灯片的效果。 2. JS封装与调用: - 封装:在代码中将特定的功能(如图片切换)封装成一个独立的函数或类,便于其他部分的代码调用和重用。这有助于保持代码的模块化...

    图片显示特效javascript

    综上所述,JavaScript在图片显示特效方面具有广泛的应用,从简单的图片加载控制到复杂的动画效果,都能实现。开发者可以根据项目需求选择合适的库和方法,以创造丰富的视觉体验。在实际开发中,还需要考虑性能优化,...

    js按比例缩放图片,不变形,不失真

    "js按比例缩放图片,不变形,不失真"是一个常见的需求,特别是在用户上传图片或者在页面中显示不同尺寸的图片时。传统的做法是直接设定图片的高度或宽度,但这往往会导致图片比例失衡,产生变形和失真的现象。本篇...

    js漂亮图片选中效果

    在网页设计中,为了提升用户体验和视觉吸引力,经常会使用JavaScript来实现各种动态效果,其中“js漂亮图片选中效果”就是一个常见的应用场景。这种效果通常用于图片轮播、产品展示或者广告设计,它允许用户交互式地...

    仿 百度 图片滚动浏览效果

    这可能意味着该效果包含了平滑的图片切换、自动播放、手动导航控制以及在用户滚动页面时图片的动态加载等功能。 【标签解析】 "百度 图片 滚动 浏览 效果" 的标签突出了关键点,即该技术着重于图片的滚动浏览,可能...

    ireport控制分页显示

    在探讨“ireport控制分页显示”的主题时,我们深入解析如何在iReport设计工具中实现每页固定记录条数的分页显示功能。iReport是JasperReports的一部分,一个强大的开源报表工具,广泛用于Java应用程序中生成各种复杂...

    京东页面JS效果实现,js实现导航条控制,很完整

    "京东页面JS效果实现,js实现导航条控制"这个主题聚焦于如何使用JavaScript来创建类似京东网站的导航条交互效果。下面将详细介绍这个知识点,并提供一个具体的实例——"360buyleftmenu_jb51net"。 1. **JavaScript...

    自动化图片比例焦点图.zip

    自动化图片比例焦点图通过计算原始图片的宽高比,然后将其应用到显示的图片容器中,以保持图片的原始比例。 “焦点图”是指一种在页面上显示多张图片并进行切换的交互式组件。用户可以通过点击或滑动来浏览不同的...

    jquery 多图片左右滑动效果

    1. 图片轮播:实现多图片左右滑动,通常采用轮播(Carousel)的效果,即将一组图片放在一个容器内,通过改变图片的位置来达到切换显示的效果。 2. 数据存储:我们需要存储当前显示的图片索引,以便知道应该向左还是...

    app引导页(背景图片切换加各个页面动画效果)

    在移动应用开发中,app引导...通过巧妙地运用背景图片切换和页面动画效果,可以有效地提升应用的吸引力,引导用户更好地理解和使用应用。在实际开发过程中,结合技术实践和用户反馈,才能打造出既美观又实用的引导页。

    进度条代码+页面+各种动态等待效果图片

    本文将详细介绍如何实现标题所提及的"进度条代码+页面+各种动态等待效果图片"。 首先,让我们关注"进度条"。进度条是一种图形化用户界面(GUI)元素,用于显示任务的完成进度。在.NET和JavaScript中,都有多种方法...

    HTML5页面,上下切换页面效果

    通过定义不同的状态,我们可以让页面在切换时平滑过渡,例如使用`transform`属性进行平移(translate)和缩放(scale),以及`opacity`控制透明度,实现类似滑动或淡入淡出的效果。同时,`requestAnimationFrame`...

    Android实现图片左右滑动效果

    ViewPager通常会包裹在一个父布局,如LinearLayout或RelativeLayout中,然后通过设置适配器(PagerAdapter)来提供要显示的页面数据。以下是一个简单的示例: ```xml android:id="@+id/view_pager" android:...

    asp.net上传多张图片

    在ASP.NET中,上传多张图片是一项常见的功能需求,尤其在构建交互性强的Web应用程序时。这个场景下,用户可以通过点击一个按钮来添加多个图片上传控件,以便一次性上传多张图片。以下将详细讲解如何实现这一功能。 ...

Global site tag (gtag.js) - Google Analytics