本文目录一览：
- 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数据的形式。
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/153621.html
微信扫一扫 
支付宝扫一扫 