<li><a href="#" title="...">...........</a> ....</li>
</ol>
</body>
</html>
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
CSS部分
ol.news{
width:400px;/*装饰用的~只限显示的数据总宽度 */
list-style-type :none;/*去掉列表数据*/
}
ol.news li{
text-align:right;/* 把文本右对齐,主要的作用是把时间放在右边*/
clear:both;/*清行*/
}
ol.news li a{
float:left;
display : inline;/* 再把主要显示的内容浮动到左边*/
text-align:left;/* 文本左对齐,可选~保证更多的浏览器是左对齐*/
}
运行代码框
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="
function ImgZoom(Id)//重新设置图片大小 防止撑破表格
{
var w = $(Id).width;
var m = 500;
if(w < m)
{
return;
}
else
{
var h = $(Id).height;
$(Id).height = parseInt(h*m/w);
$(Id).width = m;
}
}
window.onload = function()
{
var Imgs = $("content").getElementsByTagName("img");
var i=0;
for(;i
