<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>随机不重复_www.jb51.net</title>
<script type="text/javascript">
var count=21;//照片总数
var original=new Array;//原始数组
//给原始数组original赋值
for (var i=0;i<count;i++)
{
original[i]=i+1;
}original.sort
(
function()
{
return 0.5 - Math.random();
}
);
document.write(original[3]+" ");//var imgNum=1;
for (var i=1;i<13;i++)
{
//document.write(original[i]+" ");
//document.write("<br> images/s/ld_"+original[i]+".jpg");
document.getElementById("leader_pic"+i).src="images/s/ld_"+original[i]+".jpg)";
//document.write(document.getElementById("leader_pic1").src);
}
</script>
</head>
<body>
<table id="show_ld" width="190" height="100" align="center">
<tr>
<td><img id="leader_pic1" src=""/></td>
<td><img id="leader_pic2" src=""/></td>
<td><img id="leader_pic3" src=""/></td>
<td><img id="leader_pic4" src=""/></td>
<td><img id="leader_pic5" src=""/></td>
<td ><img id="leader_pic6" src="" /></td>
</tr>
<tr>
<td ><img id="leader_pic7" src=""></td>
<td ><img id="leader_pic8" src=""/></td>
<td ><img id="leader_pic9" src=""/></td>
<td ><img id="leader_pic10" src=""/></td>
<td><img id="leader_pic11" src=""/></td>
<td><img id="leader_pic12" src=""/></td>
</tr>
</table>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>随机不重复_www.jb51.net</title>
<script type="text/javascript">
var count=21;//照片总数
var original=new Array;//原始数组
//给原始数组original赋值
for (var i=0;i<count;i++)
{
original[i]=i+1;
}original.sort
(
function()
{
return 0.5 - Math.random();
}
);
document.write(original[3]+" ");//var imgNum=1;
for (var i=1;i<13;i++)
{
//document.write(original[i]+" ");
//document.write("<br> images/s/ld_"+original[i]+".jpg");
document.getElementById("leader_pic"+i).src="images/s/ld_"+original[i]+".jpg)";
//document.write(document.getElementById("leader_pic1").src);
}
</script>
</head>
<body>
<table id="show_ld" width="190" height="100" align="center">
<tr>
<td><img id="leader_pic1" src=""/></td>
<td><img id="leader_pic2" src=""/></td>
<td><img id="leader_pic3" src=""/></td>
<td><img id="leader_pic4" src=""/></td>
<td><img id="leader_pic5" src=""/></td>
<td ><img id="leader_pic6" src="" /></td>
</tr>
<tr>
<td ><img id="leader_pic7" src=""></td>
<td ><img id="leader_pic8" src=""/></td>
<td ><img id="leader_pic9" src=""/></td>
<td ><img id="leader_pic10" src=""/></td>
<td><img id="leader_pic11" src=""/></td>
<td><img id="leader_pic12" src=""/></td>
</tr>
</table>
</body>
</html>
解决方案 »
- Chrome获取不到scrollTop!!!
- 这个JS在IE FF中运行为什么就会出错呢??opera可以
- Body的ONLOAD可以调用2个变量吗
- JavaScript做日期检查?
- beforeunload事件
- 如何在见面中实现大图片的鼠标拖动
- Javascript怎样打开WinForm程序?
- javascript中的event的含义
- 怎么把数字格式成货币型数据?
- 菜问题!window.open打开的窗口,我要怎样才能改变其父窗口的链接(就是使父窗口指向另一页面)??
- 求助,要找一个在linux的firefox里运行,并能通过js来控制播放和停止的播放器。
- JSP获得fckeditor上传图片路径
<script type="text/javascript">
$().ready(function () {
$("ul li a").each(function (index) {
$(this).click(function () {
// $("ul li a").removeClass();
$(this).addClass("ablock");
$(".show").hide();
$(".show").eq(index).show();
});
});
});</script>
<script type="text/javascript">
var page = 1; //当前页面
var pagesize = 2; //每页显示数量
var picnum = 18; //图片总数量
var pagenum; //总页面数
var showpage = '';
var showpage1 = ''; function showpic(no) {
document.getElementById("img").innerHTML = "";
page = no;
pagenum = picnum / pagesize;
if (picnum % pagesize > 0) pagenum = parseInt(picnum / pagesize) + 1;
var tbStr = '<center><table><tr>';
for (i = 1; i <= picnum; i++) { if (i > (page - 1) * pagesize && i <= page * pagesize) { tbStr += '<TD><BR><BR><img src="Images/' + i + '.jpg" width="320px" height="524px" />' + '<p style=" height:4px">墓志铭' + i + '</p> </TD>';
if (i % 2 == 0) {
tbStr += '</TR><tr>';
}
}
}
tbStr=tbStr.substring(0, tbStr.length - 4);
tbStr += '</table></center>';
document.getElementById("img").innerHTML += tbStr;
if (page > 1) {
showpage = '<div style=" float:right"> <a style=" float:right" href="javascript:showpic(' + (page - 1) + ');"> 上一页 </a> <a style=" float:right" href="javascript:showpic(1);">首页 </a></div>'
} else {
showpage = '';
}
if (page < pagenum) {
showpage1 = ' <div style=" float:right"> <a style=" float:right" href="javascript:showpic(' + pagenum + ');"> 尾页 </a> <a style=" float:right" href="javascript:showpic(' + (page + 1) + ');">下一页 </a></div> '
} else {
showpage1 = '';
}
document.getElementById("pages").innerHTML = '页次:' + page + '/<font color=red>' + pagenum + '</font> 共:<font color=red>' + picnum + '</font> 幅图 ' +showpage1 +showpage ;
}
window.onload = function () {
showpic(1);
}
</script>
<div id="img"></div>
<div id="pages"></div>
<script type="text/javascript">
var page = 1; //当前页面
var pagesize = 2; //每页显示数量
var picnum = 18; //图片总数量
var pagenum; //总页面数
var showpage = '';
var showpage1 = ''; function showpic(no) {
document.getElementById("img").innerHTML = "";
page = no;
pagenum = picnum / pagesize;
if (picnum % pagesize > 0) pagenum = parseInt(picnum / pagesize) + 1;
var tbStr = '<center><table><tr>';
for (i = 1; i <= picnum; i++) { if (i > (page - 1) * pagesize && i <= page * pagesize) { tbStr += '<TD><BR><BR><img src="Images/' + i + '.jpg" width="320px" height="524px" />' + '<p style=" height:4px">墓志铭' + i + '</p> </TD>';
if (i % 2 == 0) {
tbStr += '</TR><tr>';
}
}
}
tbStr=tbStr.substring(0, tbStr.length - 4);
tbStr += '</table></center>';
document.getElementById("img").innerHTML += tbStr;
if (page > 1) {
showpage = '<div style=" float:right"> <a style=" float:right" href="javascript:showpic(' + (page - 1) + ');"> 上一页 </a> <a style=" float:right" href="javascript:showpic(1);">首页 </a></div>'
} else {
showpage = '';
}
if (page < pagenum) {
showpage1 = ' <div style=" float:right"> <a style=" float:right" href="javascript:showpic(' + pagenum + ');"> 尾页 </a> <a style=" float:right" href="javascript:showpic(' + (page + 1) + ');">下一页 </a></div> '
} else {
showpage1 = '';
}
document.getElementById("pages").innerHTML = '页次:' + page + '/<font color=red>' + pagenum + '</font> 共:<font color=red>' + picnum + '</font> 幅图 ' +showpage1 +showpage ;
}
window.onload = function () {
showpic(1);
}
</script>
<div id="img"></div>
<div id="pages"></div>