<div id="container">
??? <h2>my bookmarks</h2>
</div>

<script type="text/javascript"
??????? src="http://del.icio.us/feeds/json/escsth?count=20"></script>

<script type="text/javascript">
??? function showImage(img){ return (function(){ img.style.display='inline'; }) }

??? var ul = document.createElement('ul')
??? for (var i=0, post; post = Delicious.posts[i]; i++) {
??????? var li = document.createElement('li')
??????? var a = document.createElement('a')
??????? a.style.marginLeft = '20px'
??????? var img = document.createElement('img')
??????? img.style.position = 'absolute'
??????? img.style.display = 'none'
??????? img.height = img.width = 16
??????? img.src = post.u.split('/').slice(0,3).join('/')+'/favicon.ico'
??????? img.onload = showImage(img);
??????? a.setAttribute('href', post.u)
??????? a.appendChild(document.createTextNode(post.d))
??????? li.appendChild(img)
??????? li.appendChild(a)
??????? ul.appendChild(li)
??? }
??? document.getElementById('container').appendChild(ul)
</script>