源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

用jquery来定位

  • 时间:2021-06-05 22:11 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:用jquery来定位
demo:[url=http://www.healdream.com/upLoad/html/jquery/position/]http://www.healdream.com/upLoad/html/jquery/position/[/url] down:[url=http://www.51files.com/?Z25US63TM6OBHQJ2XM58]http://www.51files.com/?Z25US63TM6OBHQJ2XM58[/url] 用法: 首先当然是将两个js包含进来了
[u]复制代码[/u] 代码如下:
<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>
[u]复制代码[/u] 代码如下:
 <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>
主要的代码就这些了,是不是很简单啊
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部