作者chph (愁痕飘絮)
看板Ajax
标题Re: [问题] 随机读取资料可以如何制作
时间Fri May 2 18:52:07 2008
我用第二个方案，看看是不是你要的。
http://0rz.tw/e345k
以下为骗P币用，可能会打错字...
css:
<style type="text/css">
ul {width:300px;}
ul li {
border:1px solid #666;
list-style:none;
margin-bottom:1em;
overflow:auto;
}
ul li img {float:left;}
</style>
javascript:
<script type="text/javascript">/* <![CDATA[ */
(function(){
var webSites = [ {
'link': '
http://www.google.com',
'img': '
http://osdc.tw/osdc2007/GLogo.png',
'text': 'Google'
}, {
'link': '
http://tw.yahoo.com',
'img': '
http://tw.i4.yimg.com/i/tw/hp/spirit/yahoo_logo.gif',
'text': 'Yahoo'
}, {
'link': '
http://www.stu.edu.tw',
'img': '
http://freebsd.stu.edu.tw/~ychsiao/stulogo.png',
'text': '树德科技大学'
}, {
'link': '
http://ptt.cc',
'img': '
http://images.ptt.cc/ptt.jpg',
'text': '批踢踢实业坊'
}, {
'link': '
http://www.openfoundry.org/',
'img': '
http://osdc.tw/osdc2008/OSSF_logo.gif',
'text': '自由软体铸造场'
}, {
'link': '
http://g.veryxd.net/',
'img': '
http://farm3.static.flickr.com/2222/2278870558_e75eaea699_o.png',
'text': 'Very XD'
}
];
var shuffle = function(){
var i = webSites.length;
while ( --i ) {
var r = Math.floor( Math.random() * (i+1) );
var tmp = webSites[r];
webSites[i] = webSites[r];
webSites[r] = tmp;
}
}();
var createEl = function(elName) {
return document.createElement(elName);
};
var ul = createEl('ul');
var limit = 2;
for ( var i = 0; i < limit; ++i ) {
var li = createEl('li');
var a = createEl('a');
var img = createEl('img');
var p = createEl('p');
a.href = webSites[i].link;
img.src = webSites[i].img;
p.innerHTML = webSites[i].text;
li.appendChild(a);
li.appendChild(img);
li.appendChild(p);
ul.appendChild(li);
}
document.getElementsByTagName('body')[0].appendChild(ul);
})();
/* ]]> */</script>
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 210.71.11.70
1F：推 etrexetrex:这篇文章值47银 05/03 19:43
2F：→ etrexetrex:复制贴上是骗不到P币的唷 05/03 19:45
3F：→ chph:我知道呀, 所以只有JSON资料那边是用贴上的而已~ 05/03 19:51
4F：推 gpgpt:非常感谢唷~不过我资质驽钝，想在两项中间加一条线，不知道 05/07 08:13
5F：→ gpgpt:不知道可以怎麽加并写进它的css >"< 05/07 08:14