jQuery Ruler在线尺子

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

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']


相关插件-独立的部件

jQuery仿PhotoShop界面屏幕标尺插件

方便网页上在线测量图片的距离
  独立的部件
 2886  5
  独立的部件
 4318  20

jquer网页打印插件PrintArea.js

jquery实现页面打印可局部打印
  独立的部件
 1892  41

jQuery Ruler在线尺子

在线尺子,可以翻转测量
  独立的部件
 3687  7

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

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