jQuery Ruler在线尺子

所属分类:其他-独立的部件

 5533  10  查看评论 (1)
jQuery Ruler在线尺子 ie兼容8

使用说明:

尺子是一把以像素为单位的神器的尺子??用以加载在页面里,方便查看页面元素的高宽。

  • 中间可拖动;

  • 左右可拉伸;

  • 划取刻度线可选择一段范围的长度;

  • 键盘上的上下左右按键可微调尺子的位置。

  • 尺子左边有四个小功能键:

    1. 矩形工具:可在页面画一个矩形,获得矩形的宽和高;

    2. 点对点距离:可在页面上画出一条直线,获得此直线的长度;

    3. 最小化:将尺子最小化到左下角;

    4. 关闭:消除尺子的div,且不会在出现,除非再次通过JS加载。

调用方法:

只用加载一个JS文件即可: ruler.js

如果是查看他人页面,自己不方便直接修改源代码,可以通过控制台(F12)加载。IE6下等没有控制台的浏览器,可以通过地址栏加载:

javascript:with(document)0[body.appendChild(createElement('script')).src='ruler.js']


相关插件-独立的部件

js格式化货币插件currencyFmatter.js

currencyFmatter.js是一款简单实用的纯js格式化货币插件。该插件包含155种不同国家的货币,以及715种不同语言的本地化设置。它还能处理某些不采用的货币,功能非常强大。
  独立的部件
 4574  25

代码高亮插件

可识别css,html,js,ruby,php,python.......等多种语言
  独立的部件
 9036  38

jQuery分步指引介绍插件

jQuery分步指引介绍插件
  独立的部件
 7601  91

jQuery仿PhotoShop界面屏幕标尺插件

方便网页上在线测量图片的距离
  独立的部件
 4098  6

讨论这个项目(1)回答他人问题或分享插件使用方法奖励jQ币

    CIMI-Sherry 0
    2016/9/18 14:09:36
    有个BUG,谷歌的打开之后点了那个尺子上的关闭之后,再刷新或者是关闭页面再打开,都没有尺子了。 回复
取消回复