js旭日图表统计代码的简单介绍

发布时间:2022-11-24

本文目录一览:

1、如何写一段JS代码实现用图片替换一段数字
2、怎样用JS+PHP统计页面上图片的点击次数?
3、求一个js日期代码,需要在网页上输出的是图片,就是0-9的数字,替换成设计好的图片在网页上显示
4、怎么用js做一个表格

如何写一段JS代码实现用图片替换一段数字

<script type="text/javascript">
$(function(){
  var str="123454321"; //这里写你的数字
  var sta=$(".main");
  sta.html('');
  str2="";
  for(var i=0; i<str.length; i++){
    str2=str2+"<img src='images/"+str.charAt(i)+".jpg'/><br/>";
  }
  sta.html(str2);
})
</script>

怎样用JS+PHP统计页面上图片的点击次数?

使用 jQuery 的 ajax 可以无刷新实现点击统计:

<img src="" id="abc" value="addnum" />
<script>
$("#abc").click(function(){
  var value = $(this).attr('value');
  $.ajax({
    type: "POST",
    url: "add.php",
    data: "type="+value,
    success: function(msg){
      // alert( "Data Saved: " + msg );
    }
  });
  return false;
})
</script>

add.php 示例代码:

<?php
/*
* add.php
* 参数:type 判断是否是那个图片的点击
* table_name 为表名,替换成自己的表名
*/
$type = $_POST['type'];
if($type == 'addnum'){
  $query = mysql_query("UPDATE table_name SET num = num +1 WHERE 条件"); //执行sql语句
  return $query;
}
?>

求一个js日期代码,需要在网页上输出的是图片,就是0-9的数字,替换成设计好的图片在网页上显示

按照以下步骤来:

  1. 获取当前日期
  2. 生成日期字符串
  3. 显示
    准备好一张数字的图片:
<style type="text/css">
/* CSS */
.num_0, .num_1, .num_2, .num_3, .num_4, .num_5, .num_6, .num_7, .num_8, .num_9 {
  background:url(numbers.gif) no-repeat 0 0;
  display:inline-block;
  width:40px;
  height:40px;
}
.num_1 { background-position:-40px 0; }
.num_2 { background-position:-80px 0; }
.num_3 { background-position:-120px 0; }
.num_4 { background-position:-160px 0; }
.num_5 { background-position:-200px 0; }
.num_6 { background-position:-240px 0; }
.num_7 { background-position:-280px 0; }
.num_8 { background-position:-320px 0; }
.num_9 { background-position:-360px 0; }
</style>

HTML 容器:

<div id="dis"></div>

JavaScript 代码:

<script>
var date = new Date(),
    str = '' + date.getFullYear() + (date.getMonth()+1) + date.getDate(),
    i = 0,
    len = str.length,
    html = [];
for(; i < len; i++)
  html.push('<span class="num_'+str[i]+'"></span>');
document.getElementById('dis').innerHTML = html.join('');
</script>

运行后,js代码会添加一些元素到页面上,会生成如图所示的结构。显示是通过样式表完成的。这样子就实现一个比较简单的日期显示功能。

怎么用js做一个表格

  1. 在页面 div 中创建一个空白表,可以根据需要对其进行定制。
  2. 创建表之后,我们可以编写关键代码来动态生成表。我们编写了一个 js 方法来触发使用。
  3. 在 TB 标签中,我们添加了标签,主要用于提供用户输入参数,而全局变量 num 主要用于区分每个添加参数的唯一 id。
  4. 获取表中的数据,以供下图参考。
  5. 一旦我们获得了表中的数据,我们就应该将其转换成 JSON 数据的形式。