Sliding Tabs MooTools 插件程式


<!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>
本報導內容或資料,因限人力、時間,非教學會員,不接受任何使用上的教學與指導,敬請見諒。
如果你喜歡這篇辛苦蒐集整理出來的報導資料,歡迎原文轉載註明出處,以示尊重個人智慧財產,謝謝你的合作。
如果你願意於貴站或部落格中介紹本站,歡迎使用複製網頁研習室連結語法,再次感謝你的支持與愛護。
版權所有 - 網頁研習室 - 李文能于 100 年 12 月 30 日整理