javascript 求助一个简单问题,有关html中图片排版,高手进来看看,急。。。 软件开发问题(高手进来吧.)重点编写一个简单的HTML代码....

\u6c42\u9ad8\u624b\u505a\u4e2ahtml\u4e2d\u56fe\u7247\u6548\u679c \u7b80\u5355\u7684\u4ee3\u7801\u6700\u597d

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


DIV\u5c55\u5f00 \u6536\u7f29

var mh = 30;//\u9ad8\u5ea6
var step = 1;//\u6bcf\u6b21\u53d8\u5316\u7684\u91cf
var ms = 10;//\u5faa\u73af\u65f6\u95f4
function toggle(o){
if (!o.tid)o.tid = "_" + Math.random() * 100;
if (!window.toggler)window.toggler = {};
if (!window.toggler[o.tid]){
window.toggler[o.tid]={
obj:o,
maxHeight:o.offsetHeight,
minHeight:mh,
timer:null,
action:1
};
}
o.style.height = o.offsetHeight + "px";
if (window.toggler[o.tid].timer)clearTimeout(window.toggler[o.tid].timer);
window.toggler[o.tid].action *= -1;
window.toggler[o.tid].timer = setTimeout("anim('"+o.tid+"')",ms );
}
function anim(id){
var t = window.toggler[id];
var o = window.toggler[id].obj;
if (t.action < 0){
if (o.offsetHeight <= t.minHeight){
clearTimeout(t.timer);
return;
}
}
else{
if (o.offsetHeight >= t.maxHeight){
clearTimeout(t.timer);
return;
}
}
o.style.height = (parseInt(o.style.height, 10) + t.action * step) + "px";
window.toggler[id].timer = setTimeout("anim('"+id+"')",ms );
}


div.xx { border: solid 1px; overflow: hidden;height:300px; }
div.xx h5 { border: solid 1px; border-width: 0 0 1px; padding: 0; margin: 0; height: 28px; line-height: 30px; cursor: pointer; background: #eee; }




\u70b9\u51fb\u6b64\u5904\u5c42\u4f38\u7f29
//\u8fd9\u91cc\u5c31\u653e\u4f60\u7684\u56fe\u7247 img\u6807\u7b7e





\u5c31\u662f\u8fd9\u6837\u7684 \u4e0b\u9762\u7684\u81ea\u52a8\u6d6e\u52a8 \u5c31OK\u4e86!~

\u6211\u8fd0\u884c\u4e86\u697c\u4e0a\u4ee3\u7801\uff0c\u89c9\u5f97\u4e0d\u592a\u9002\u5408\u697c\u4e3b\u7684\u9700\u6c42\uff0c\u4e8e\u662f\u91cd\u65b0\u5199\u4e86\u4e00\u4efd\u7a0b\u5e8f\u3002\u6211\u89c9\u5f97\u6211\u7684\u4ee3\u7801\u66f4\u9002\u5408\u4f60\uff0c\u4f60\u53ef\u4ee5\u6bd4\u8f83\u4e00\u4e0b\u3002

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>





function userTypeChange(){
document.all.salary.value = document.all.userType.options[document.all.userType.selectedIndex].value
if(document.all.excellentUser.options[document.all.excellentUser.selectedIndex].value == 1){
document.all.salary.value = parseInt(document.all.salary.value) + 500;
}

if(document.all.ageOfWork.options[document.all.ageOfWork.selectedIndex].value == 1){
document.all.salary.value = parseInt(document.all.salary.value) + 500;
}
}

function excellentUserChange(){
if(document.all.excellentUser.options[document.all.excellentUser.selectedIndex].value == 1){
document.all.salary.value = parseInt(document.all.salary.value) + 500;
}else{
document.all.salary.value = parseInt(document.all.salary.value) - 500;
}
}

function ageOfWorkChange(){
if(document.all.ageOfWork.options[document.all.ageOfWork.selectedIndex].value == 1){
document.all.salary.value = parseInt(document.all.salary.value) + 500;
}else{
document.all.salary.value = parseInt(document.all.salary.value) - 500;
}
}

\u5de5\u8d44\u8868


\u5de5\u8d44\u8868



\u804c\u5de5\u59d3\u540d\u804c\u5de5\u7c7b\u578b\u4f18\u79c0\u804c\u5de5\u5de5\u9f84\u5de5\u8d44


Tom


\u7ecf\u7406
\u7ec4\u957f
\u5458\u5de5




\u5426
\u662f




\u5c0f\u4e8e10\u5e74
\u5927\u4e8e10\u5e74







首先,这个不是单纯的js,而是JQuery,你要想深入了解,先学习js 再研究下JQuery吧。
下面来解释下一下代码。
var now = new Date();//创建时间对象
然后看下面的代码,从最外层看就是一个getJSON()方法;也就是从服务器获取json对象,具体使用方法可以查看给你提供的参考资料
"/files?"+ now.toString(),这里是getJSON()方法的第一个参数就是向服务器发送请求的地址,从而获取你的图片数据
然后的代码就是一整个函数,你可以理解为回调函数,就是从服务器获取数据后进行的处理方法。
function(data){//data获取的数据
var shadow = false;//定义变量,控制样式(根据下面使用判断出来的)
$.each(data, function(i,item){//这个就是一个循环遍历了
var trclass='';//变量,tr也就是table行的css样式
if (shadow)//如果为真改变样式,也就是下一句trclass 值 trclass= " class='shadow'";//这里的shadow应该在css文件中定义
encodeName = encodeURI(item.name).replace("'", "'");//名称处理
//下面一整段都是在拼成table的一行,也就是一个记录显示一行<a href为超链接,<img 为图片
//这些都是html标签很简单,不明白可以查查或者干脆吧下面alter出来
$("<tr" + trclass + "> <td > <a href='/files/" + encodeName + "' class='file'> <img width='100' height='100' src = '/files/" + encodeName + "' > </a> </td> " + "</tr>").appendTo("#filelist");
shadow = !shadow;//这里就是控制样式的方法,就是隔一行变一个样式
});
}

按照你的要求就要在遍历的时候把4个数据拼到一行里,应用一个全局变量,记下循环数,改下拼串的方法。

扩展阅读:mindmaster永久免费版 ... 永久在线免费的云服务器 ... 秘密花园n号房 ... www.968777.cn ... x86国产cpu ... javascript appendchild ... 日本jquery ... javascript webrtc ... free xbox live code ...

本站交流只代表网友个人观点,与本站立场无关
欢迎反馈与建议,请联系电邮
2024© 车视网