js旭日圖表統計代碼的簡單介紹

本文目錄一覽：

• 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;istr.length;i++){

str2=str2+”img src=’images/”+str.charAt(i)+”.jpg’/br/”;

}

sta.html(str2);

})

/script

怎樣用JS+PHP統計頁面上圖片的點擊次數？

用JQ的，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

?php

/*

*add.php

*參數：type 判斷是否是那個圖片的點擊

*talbe_name 為表名，替換成自己的表名

*/

$type= $_POST[‘type’];

if($type==’addnum’){

$query = mysql_query(“upadae talbe_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

div id=”dis”/div

script

var date=new Date(),

    str=”+date.getFullYear()+(date.getMonth()+1)+date.getDate(),

    i=0,

    len=str.length,

    html=[];

for(; ilen; i++)

  html.push(‘span class=”num_’+str[i]+'”nbsp;/span’);

document.getElementById(‘dis’).innerHTML=html.join(”);

/script

【運行】

運行後，js代碼會添加一些元素到頁面上，會生成如圖所示的結構：

看下頁面顯示效果：

顯示是通過樣式表完成的。

這樣子就實現一個比較簡單的日期顯示功能。希望可以幫到您。

怎麼用js做一個表格

1．在頁面div中創建一個空白表，可以根據需要對其進行定製。

2．創建表之後，我們可以編寫關鍵代碼來動態生成表。我們編寫了一個js方法來觸發使用。

3.在 TB 標籤中，我們添加了標籤，主要用於提供用戶輸入參數，而全局變數num主要用於區分每個添加參數的唯一id。

4．獲取表中的數據，以供下圖參考。

5．一旦我們獲得了表中的數據，我們就應該將其轉換成json數據的形式。