这是一个用JS开发的小应用,目的是获取指定ID的微博账户的前N条(N不大于20)微博。

不是什么有内涵的东西,纯粹作为一个简单的小应用而已。

首先是要根据官方指定的,引入一个JS脚本。

阅读全文

TinyBox是一个轻量级(3.5kb)模式对话框控件,没有依赖于任何javascript框架,不必使用Jquery等任何javascript框架。它可以展示任意Ajax或HTML内容包括文本,图片,视频等。模式窗体能够以淡入/淡出的效果弹出和关闭并且能依据所加载的内容动态调整窗体大小。TinyBox还支持按设定的时间自动消失。

它是一个轻量级并且独立的模态窗口脚本,只有 3.5KB,不包括任何内置的幻灯片功能,但是可以显示任何的 AJAX 和 HTML 内容,还支持图片,并且能够自动隐藏,可以通过简单的 CSS 来定制样式的效果。TinyBox 已经在 Firefox 2/3, IE 6/7/8, Opera, Safari 和 Chrome 中测试过。使用 TinyBox 非常简单,通过以下代码即可:

TINY.box.show(‘showcontent.php?id=2’,1,300,150,1,3)

阅读全文

做页面的时候可能会用到浮动层,读取 document.body.scrollTop 来设置层的位置,如以下代码,可以达到让一个ID为“Div1”的层一直居中显示的目的:

<div id="_mcePaste">
  function Sc()
</div>

<div id="_mcePaste">
  {
</div>

<div id="_mcePaste">
  document.getElementById(&#8220;Div1&#8221;).style.top=document.body.scrollTop+(document.body.clientHeight-document.getElementById(&#8220;Div1&#8221;).offsetHeight)/2
</div>

<div id="_mcePaste">
  document.getElementById(&#8220;Div1&#8221;).style.left=document.body.scrollLeft+(document.body.clientWidth-document.getElementById(&#8220;Div1&#8221;).offsetWidth)/2;
</div>

<div id="_mcePaste">
  }
</div>

<div id="_mcePaste">
  window.onscroll=Sc;
</div>

<div id="_mcePaste">
  window.onresize=Sc;
</div>

<div id="_mcePaste">
  window.onload=Sc;
</div>

<div id="_mcePaste">
  </script>
</div>

阅读全文

作者的图片

DigDeeply

Technology Stack: Golang/PHP/Openresty, and so on…

Web Development Engineer

Beijing China