<script type="text/javascript" src="../jquery.js"></script>
<!-- load dimensions.js (this is what we're testing! -->
<script type="text/javascript" src="dimensions.js"></script>

 <script type="text/javascript" charset="utf-8">
            $(function() {//這個是$(document).ready()的簡寫
                $('#userAgent').html(navigator.userAgent);//.html(str)方法是將當前dom用str替代
                //navigator.userAgent這句是用來得到客戶端的瀏覽器類型的
                $('a').click(function(event) {//對鏈接的點擊事件定義函數
                    var href = this.href;//得到當前的鏈接字符串
                    var id = href.substr(href.indexOf('#'));//得到#后面的字符串
                    var options = {//定義各個參數，主要是待會move時用到
                        margin:  parseInt( $('#margin').val()  ),//.val()方法是得到當前對象的value值
                        border:  parseInt( $('#border').val()  ),//parseInt方法就是轉換為int型，也就是整形
                        padding: parseInt( $('#padding').val() ),
                        scroll:  parseInt( $('#scroll').val()  )
                    };
                    var offset = {};
                    //offset方法是在dimensions.js里定義的
                    $(id).offset(options, offset);
                    $('#moveable').css(offset);//設置id為moveable的dom的css為offset
                    return false;
                });
            });
        </script>