Reference
qooxdoohttp://qooxdoo.org/
MOONGIFT - qooxdoo
http://oss.moongift.jp/intro/i-2260.html
MOONGIFT - qooxdoo レビュー
http://oss.moongift.jp/review/i-2263.html
ブラウザ | 表示モード | 表示領域の幅を取得するプロパティ | 表示領域の高さを取得するプロパティ |
IE 6 | 標準 | document.documentElement.clientWidth | document.documentElement.clientHeight |
IE 6 | 互換 | document.body.clientWidth | document.body.clientHeight |
FireFox 1.5 | 標準 | document.documentElement.clientWidth | document.documentElement.clientHeight |
FireFox 1.5 | 互換 | document.body.clientWidth | document.body.clientHeight |
Opera 9 | 標準 | document.body.clientWidth | document.body.clientHeight |
Opera 9 | 互換 | document.body.clientWidth | document.body.clientHeight |
ブラウザ | event | property | 手前に回転 |
Internet Explorer | onmousewheel | WheelDelta | 負 |
Firefox | DOMMouseScroll | detail | 正 |
Opera | onmousewheel | WheelDelta,detail | 正 |
var mysound = new Sound();
mysound.loadSound("http://example.com/path/to/music.mp3", true);
mysound.setVolume(30);
<html>
<head>
<script type="text/javascript" src="path/to/parapara.js"></script>
</head>
<body>
<img src="images/FILE_0001.jpg" onload="cacheTo(this,'images/FILE_0010')" />
</body>
</html>
<html>
<head>
<script type="text/javascript" src="http://example.com/path/to/arc90_linkthumb.js"></script>
<style type="text/css" media="screen">
.arc90_linkpic {
display: none;
position: absolute;
left: 0;
top: 1.5em;
}
.arc90_linkpicIMG {
padding: 0 4px 4px 0;
background: #FFF url(/tools/c/images/linkpic_shadow.gif) no-repeat bottom right;
}
</style>
<script>arc90_linkThumbUseClassName = false;</script>
</head>
<body>
<a href="http://example.com/" class="linkthumb">Popup</a>
<a href="http://example.com/">No Popup</a>
</body>
</html>
function scrollTips(id, interval) {
var tips = document.getElementById(id);
removeWithoutElement(tips);
var height = getPixcelValue(tips.style["height"]);
var beforeLast = tips.childNodes.length - 1;
var orgScrollTop = tips.scrollTop;
if (orgScrollTop == (height * beforeLast)) {
while (--beforeLast >= 0) {
tips.appendChild(tips.removeChild(tips.firstChild));
}
orgScrollTop = 0;
tips.scrollTop = 0;
}
var i = 1;
var scrollDelay = window.setInterval(
function() {
tips.scrollTop = orgScrollTop + i;
if (++i > height) {
clearInterval(scrollDelay);
scrollDelay = 0;
}
}
, interval);
}
function removeWithoutElement(node) {
var child = node.firstChild;
while (child) {
var nextSibling = child.nextSibling;
if (child.nodeType != 1) {
node.removeChild(child);
}
child = nextSibling;
}
}
function getPixcelValue(pixcel) {
var px = pixcel.indexOf("px");
return (px == -1) ? pixcel: pixcel.substring(0, px);
}
<html>
<head>
<style>
.tips {
line-height: 125%;
height: 65px;
overflow:hidden;
}
</style>
</head>
<body>
<div id="tipsList" style="float:right;width:153px;height:65px;overflow:hidden;">
<div class="tips"><a href="#">1件目のコンテンツです。</a></div>
<div class="tips"><a href="#">2件目のコンテンツです。</a></div>
<div class="tips"><a href="#">3件目のコンテンツです。</a></div>
<div class="tips"><a href="#">4件目のコンテンツです。</a></div>
<div class="tips"><a href="#">5件目のコンテンツです。</a></div>
</div>
<script type="text/javascript">
window.setInterval("scrollTips('tipsList', 15)", 2000);
</script>
</body>
</html>