本文目录一览:
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的数字,替换成设计好的图片在网页上显示
按照以下步骤来:
- 获取当前日期
- 生成日期字符串
- 显示
准备好一张数字的图片:
<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做一个表格
- 在页面
div
中创建一个空白表,可以根据需要对其进行定制。 - 创建表之后,我们可以编写关键代码来动态生成表。我们编写了一个 js 方法来触发使用。
- 在 TB 标签中,我们添加了标签,主要用于提供用户输入参数,而全局变量
num
主要用于区分每个添加参数的唯一 id。 - 获取表中的数据,以供下图参考。
- 一旦我们获得了表中的数据,我们就应该将其转换成 JSON 数据的形式。