网页中怎么展示动态卡片数字 5C

如下图,怎么在网页中展示?数字是动态的,求指教,感谢
图片说明

2个回答

首先将数字转换为带有百分位分割的字符串

 function toThousands(num) {
    var num = (num || 0).toString(), re = /\d{3}$/, result = '';
    while ( re.test(num) ) {
        result = RegExp.lastMatch + result;
        if (num !== RegExp.lastMatch) {
            result = ',' + result;
            num = RegExp.leftContext;
        } else {
            num = '';
            break;
        }
    }
    if (num) { result = num + result; }
    return result;
}

然后将1替换为
<image scr='1.jpg' />
2替换为
<image scr='2.jpg' />
...
都好替换为
<image scr='coma.jpg' />
事先准备好0 1 2 3 4 5 6 ... , 这些图片。

将这些标签再装入一个蓝色背景的div
caozhy
贵阳老马马善福专门编写代码的老马就是我! 回复xingxingzhihuo34: 继续回答就不是讨论技术了,而是让人家帮你做苦力。采纳只是象征性的,就这么个要求都不愿意,那我何必用热心贴你的冷屁股呢。
大约一年之前 回复
caozhy
贵阳老马马善福专门编写代码的老马就是我! 回复xingxingzhihuo34: 是啊,我思路都给你了
大约一年之前 回复
xingxingzhihuo34
xingxingzhihuo34 回复caozhy:呵呵,我就想问你弄成图片了怎么动态?你看清楚没有
大约一年之前 回复
caozhy
贵阳老马马善福专门编写代码的老马就是我! 那建议你还是自己思考一下吧。
大约一年之前 回复
xingxingzhihuo34
xingxingzhihuo34 回复caozhy: 可以用的话我肯定会点采纳的
大约一年之前 回复
caozhy
贵阳老马马善福专门编写代码的老马就是我! 回复xingxingzhihuo34: 好的,点下我回答右边的采纳,我来帮你写。
大约一年之前 回复
xingxingzhihuo34
xingxingzhihuo34 回复caozhy: 这个真不会
大约一年之前 回复
caozhy
贵阳老马马善福专门编写代码的老马就是我! 回复xingxingzhihuo34: 替换成<img>标签。你要实在不会,我可以完整写给你。
大约一年之前 回复
xingxingzhihuo34
xingxingzhihuo34 回复caozhy: 那我想问一下怎么将数字转成图片?
大约一年之前 回复
caozhy
贵阳老马马善福专门编写代码的老马就是我! 回复xingxingzhihuo34: 是的,当然这只是一种做法
大约一年之前 回复
xingxingzhihuo34
xingxingzhihuo34 回复caozhy: 你的意思把每一个数字转换成图片?
大约一年之前 回复
caozhy
贵阳老马马善福专门编写代码的老马就是我! 回复xingxingzhihuo34: 就是根据字符串,得到你中间一系列img标签
大约一年之前 回复
xingxingzhihuo34
xingxingzhihuo34 没明白你这替换图片是啥意思
大约一年之前 回复

另外,逗号也可以不用图片,而是用蓝色的文字。

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
javaScript动态展示数字
/动态显示数据的函数 //id:需要显示的文本域 data:需要显示的数据 time:每次暂停的毫秒数 function showData(id,data,time) { var n=parseFloat(data); var i=0; var meter=setInterval(function() { $(id).html((n/20*i).toFixed(2
网页世界地图动态展示
世界地图可直接嵌入,动态显示并且可以放大缩小,很不错的资源,网页地图资源。
jQuery+PHP动态数字展示效果
NULL 博文链接:https://justcoding.iteye.com/blog/2175998
jQuery实现动态数字展示效果
&amp;lt;!doctype html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;jQuery实现动态数字展示效果&amp;lt;/title&amp;gt; &amp;lt;/head&amp;gt; &amp;lt;body&amp;gt; &amp;lt;div
数字卡片
数字卡片 题目详见https://begin.lydsy.com/JudgeOnline/problem.php?id=6020 题目: 数字卡片 Time Limit: 1 Sec Memory Limit: 128 MB 时限:1秒 内存限制:128兆 Description 铭铭将蛋糕送到四年级(1)班,班上的小朋友正在玩找 数字卡片的游戏。铭铭想考考小朋友们,就随机抽出了 N 张 卡片,...
css3瀑布流卡片展示
&amp;lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&amp;gt;  &amp;lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&amp;gt;  &amp;lt;head&amp;gt;  &amp;lt;
在网页中如何动态展示数据曲线?
嗯 时间为x轴,每5分钟一个点,一天一共288个点,传入这288个点的数据作为y轴的值,如果能做到画这个曲线呢?或者有好的控件推荐也行,谢谢~
网页数字展示自动化加减
说说自己的应用场景 最近参与一个后台数据管理系统,用于展示大屏数据显示,涉及到首页网页中多个位置模块的数据展示,类似于这种 这其中涉及到数据从0到10000这种动态加载,所以自己模拟这些了一个, 干货如下: 网页元素 &amp;lt;body&amp;gt; &amp;lt;p id=&quot;num&quot;&amp;gt;数据总量:&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;/p&amp;gt; &amp;lt;p id=&quot;sum
前端卡片展示
       现在前端经常会用到卡片类的展示,比如多张银行卡的展示。这个时候需要用到一个统一的前端模板以保证样式的一致,我们只需要通过后台获取一个List,然后向模板中塞数据即可,然后将模板append到一个列表展示的div中。        这里采用的是Jquery.         引入js文件主要如下 &amp;lt;script type=&quot;text/javascript&quot; s...
zzuoj-10451: 数字卡片游戏
传送门动态规划问题 f[i][j]表示剩下区间[i,j]后,取完该区间所有卡片的最优解差值。规定值为正数表示,A胜; 若下一张卡片为A取,则dp[i][j] = max(dp[i+1][j]+num[i], dp[i][j-1]+num[j]);; 若下一张卡片为B取,则dp[i][j] = min(dp[i+1][j]-num[i], dp[i][j-1]-num[j]);;#include
jQuery+PHP数字统计动态展示效果
网上教程很多,我就不多解释,直接上可以运行的代码 index.html &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org...
网页展示
网页展示:就是把一个很好看的网页放在各种地方去,让他感觉更加好看。首先我开始做网页展示的第一步,我先把他的顶部部分做好,所以我把他顶部有钢笔工具做了一个弧线出来,然后上好色,上好色之后我就把电脑样机放上去然后把网页做成样机大小,做好之后再把网页放入电脑样机里面去,让整体看着和在电脑上面显示的一样。 第二步我在上面打出首页设计这几个字,然后在前面和后面各放两根横线,接下来我开始做第二部分,我用矩形...
uniapp 动态背景卡片轮播图
&lt;view :style="'background: ' + swiperList[cardCur].backs + ';'"&gt; &lt;swiper class="card-swiper" :class="dotStyle ? 'square-dot' : 'round-dot'" :indicator-dots="true" :cir...
网页中的动态图表是怎么实现的?
[img=http://hi.csdn.net/attachment/201110/12/8477326_1318401377kGGt.jpg][/img]rnrn类似上面这样的图表是怎样实现的?求详细解答。
怎么在框架中动态打开网页
在如下框架,rn rn rn rn rn rn rnrnrn该页面被另一页面调用,rn我想在页面打开时,根据另一页面传来的3个网址,替换了页面1页面2,页面3.rn怎么用vb做出来?rn
Android自定义动态天气卡片
Android自定义动态天气卡片实现效果拆分动态场景代码实现总结项目地址 一个卡片控件,输入不同天气类型,显示不同场景。 一图胜千言,先看图吧 实现效果 因为此控件是根据需求实现的,所以一共实现了6种场景 白天 &amp;amp;&amp;amp; 晴天,显示时有个太阳升起动画; 白天 &amp;amp;&amp;amp; 下雨,白天场景动态下雨; 白天 &amp;amp;&amp;amp; 下雪,白天场景动态下雪; 夜晚 &amp;amp;&amp;am...
网页中的动态flash
View Code /** * @author [sina]zhangping1@ * @version v1.1.3 * Date:2006-9-8 2006-12-15 */ if(typeof(sina)!=&quot;object&quot;){var sina={}} sina.$=function(objId){if(!objId){throw new Er...
评分调查系统 - 卡片数据展示制作
Node.JS是一套使用JavaScript语言的后台。它执行Javascript的速度非常快,性能非常好。是近几年来最火的公司首选后台语言之一,同时也是前后台人员争先恐后学习的后台语言。 本课程就使用Node.JS作为后台语言来来制作一个属于自己的评分调查系统。
Android图片卡片型展示,滑动切换
https://github.com/huxq17/SwipeCardsView
使用runningJs实现网页动态数字效果
效果传送门:runningJs 这是个依赖于JQuery的js;使用时请提前引进jQuery; 使用方法: 1.引入JQuery,running.css,running.js 2.在页面中写入以下js代码 $(function(){ $('body').running(); }) 3.根据需要,在页面内插入以下内容;    3.1数字增加效果 &amp;lt;span cla...
怎么动态获取网页数据?
公司和其他公司合作,他们会给我们一个查询后台数据的地址,我们只能查看后台数据,可我们得把这些数据在放到自己的数据库里,在我们自己的网站里把这些相关的数据显示给客户,请问该怎么解决才好些?
实现数字与小数点展示
七天学会一个iOS项目研发
js 数字千分位展示
str.replace(/\d{1,3}(?=(\d{3})+$)/g,function(s){ return s+',' })
数字图像识别案例展示
适用人群n Java工程师,Java程序员,Java架构师 n案例演示nn 机器(计算机程序)是如何认识字的nn 理解我们的程序nn 计算正确率nn 提高正确率n课程大纲:nn 数字图像识别案例展示nn 数字图像识别原理nn 绘制界面nn 添加点击事件nn 加载图片nn 加载训练数据nn 图像识别
动态展示进度的图片
本压缩文件包含许多实用的动态展示进度的图片
实现基本的动态展示
<p style="color:#666666;">rn <span style="color:#FF0000;"><strong>适合人群:</strong></span> rn</p>rn<p style="color:#666666;">rn 1、具有一定Python语言基础,有一定的web前端基础,想要深入学习Python Web框架的朋友;rn</p>rn<p style="color:#666666;">rn 2、学习完“跟着王进老师学开发Python篇”“跟着王进老师学Web前端开发”的朋友;rn</p>rn<p style="color:#666666;">rn 3、有Django基础,但是想学习企业级项目实战的朋友;rn</p>rn<p style="color:#666666;">rn 4、喜欢 Django 框架并想深入研究的朋友;rn</p>rn<p style="color:#666666;">rn 5、有一定的数据库基础rn</p>rn<p style="color:#666666;">rn <br />rn</p>rn<p style="color:#666666;">rn <span style="color:#FF0000;"><strong>课程目标:</strong></span> rn</p>rn<p style="color:#666666;">rn 本系列课程是从零基础开始并深入讲解Django,最终学会使用Django框架开发企业级的项目。课程知识点全网最详细,项目实战贴近企业需求。本系列课程除了非常详细的讲解Django框架本身的知识点以外,还讲解了web开发中所需要用到的技术,学完本系列课程后,您将独立做出一个具有后台管理系统,并且前端非常优美实用的网站。对于从事一份Python Web开发相关的工作简直轻而易举。rn</p>rn<p style="color:#666666;">rn <br />rn</p>rn<p style="color:#666666;">rn <span style="color:#FF0000;"><strong>课程内容:</strong></span> rn</p>rn<p style="color:#666666;">rn <strong>一、融汇贯通</strong> rn</p>rn<p style="color:#666666;">rn 将Python语言和Django基础知识,以实际应用为媒介,有机组织、融汇贯通。让你的理论与实践结合起来,由知道变成会用。使用了大量的Django高级特性和Bootstrap前端框架,展示了真实的项目部署过程。rn</p>rn<p style="color:#666666;">rn <br />rn</p>rn<p style="color:#666666;">rn <strong>二、贴近实战</strong> rn</p>rn<p style="color:#666666;">rn 本系列课程为项目实战:超市前端收银系统的开发,项目包含了如下几个模块:系统登录页面、收银模块、管理人员的主界面、收银明细查询。从零开始展示了开发过程。包含了开发前的需求分析、数据库的设计、前端页面的准备、登录模块的实现、收银模块的实现、主界面的动态加载、收银明细的查询。课程具有极强的实战性。rn</p>rn<p style="color:#666666;">rn <br />rn</p>rn<p style="color:#666666;">rn <img src="https://img-bss.csdn.net/201902221412375430.png" alt="" />rn</p>
动态多个文本编辑器的展示
rn前台页面动态显示多个文本编辑器(动态赋id值,方便后台根据动态赋值规则获取添加信息),后台获取对应文本编辑器的内容。rn原先用fck,fck的id名称不能动态赋值(编辑错误)。rn做静态文本编辑器,无法上传图片。rn
js排序算法动态展示
js排序算法动态显示
JS动态时间展示
[code=&quot;js&quot;] /*! * * Get System Time. * Compatible with IE and Firefox. * Author: yanxiaojia. * Copyright (c) 2010-2013 BudWare Soft All Rights Reserved. * */ /** * 检查时间 * @para...
动态展示购物车数据
-
商品横向动态展示
这是最近公司做项目是顺便做的小例子,js的很实用,有需要的下了看看吧
ECharts动态图表展示
1.首先简要的介绍一下Echarts:    ECharts,缩写来自Enterprise Charts,商业级数据图表,一个纯javascript的图标库,兼容当前绝大多数浏览器,提供直观,生动,可交互,高度个性化定制的数据可视化图表。创新的数据拖拽重计算,数据视图,值域漫游等特性大大增强了用户体验。好了,基本介绍就扯到这里吧,有兴趣的孩纸想要了解就去找度娘或者上Echarts官网了解更多(h
数据动态展示
<p>rn <br />rn</p>rn<p>rn <p>rn 20周年限定一卡通!<span style="color:#337FE5;">可学Java全部课程</span>,仅售799元(原价7016元),<span style="color:#E53333;">还送漫威正版授权机械键盘+CSDN 20周年限量版T恤+智能编程助手!</span>rn </p>rn <p>rn 点此链接购买:rn </p>rn <table>rn <tbody>rn <tr>rn <td>rn <span style="color:#337FE5;"><a href="https://edu.csdn.net/topic/teachercard?utm_source=jsk20xqy" target="_blank">https://edu.csdn.net/topic/teachercard?utm_source=jsk20xqy</a><br />rn</span>rn </td>rn </tr>rn </tbody>rn </table>rn</p>rn<span>&nbsp;</span> rn<p>rn <br />rn</p>rn本阶段主要涵盖技术: JS高级理论,ES6,JS模块化等高级语法,并且包含高级框架AngularJS
史密斯圆图动态展示【Matlab实现】
用Matlab实现史密斯圆图的动态展示,包括单枝节和双枝节匹配等。
FALSH动态展示
FALSH动态展示
Fresco_动态展示图片
Fresco是Facebook新推出的一款用于Android应用中展示图片的强大图片库。它具有强大的内存管理、渐进式呈现图片、支持加载Gif图和WebP格式等特点。本视频详细讲解了Fresco的十大用法,分别为:带进度条的图片、图片的不同裁剪、圆形和圆角图片、渐进式展示图片、Gif动画图片、多图请求及图片复用、图片加载监听、图片缩放和旋转、修改图片和动态展示图片等功能。
图片动态展示
图片动态展示 网站表头,由鼠标移动更换图片;包括网站的几个动态按钮
flash遮罩“动态展示”
相当于一个logo,ActionScript 3.0 的标准
照片墙动态展示效果
图片展示特效,列出多张图片,鼠标放到某张图片上显示大图,其他图片缩成小图样式显示。
h5动态展示
h5canvas动态特效展示。
相关热词 c# 去空格去转义符 c#用户登录窗体代码 c# 流 c# linux 可视化 c# mvc 返回图片 c# 像素空间 c# 日期 最后一天 c#字典序排序 c# 截屏取色 c#中的哪些属于托管机制