<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-TW" lang="zh-TW">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5"/>
<title>製作 sliding tabs 滑動頁籤功能</title>
<script src="mootools.v1.11.js" type="text/javascript"></script>
<script src="sliding-tabs.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript" charset="big5">
window.addEvent('load', function () {
myTabs = new SlidingTabs('buttons', 'panes');
// this sets up the previous/next buttons, if you want them
$('previous').addEvent('click', myTabs.previous.bind(myTabs));
$('next').addEvent('click', myTabs.next.bind(myTabs));
// this sets it up to work even if it's width isn't a set amount of pixels
window.addEvent('resize', myTabs.recalcWidths.bind(myTabs));
});
</script>
</body>
</html>
|