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摄像头插件jquery-webcam-plugin

这是一个封装了摄像功能的jQuery插件。它可以通过一个透明的层直接与JavaScript交互
  独立的部件
 27479  71

可停靠屏幕边缘的侧边栏插件

我自己封装的可停靠屏幕边缘的侧边栏插件,可以制作页面的通知信息,客服信息,联系方式等
  独立的部件
 6101  74

基于Bootstrap的jQuery右键上下文菜单插件

Bootstrap Context Menu是一款非常实用的基于Bootstrap的jQuery右键上下文菜单插件。该右键菜单插件可以在多种元素上触发,也可以配合Font Awesome字体图标一起使用,非常的方便。
  独立的部件
 9794  39

html5手势解锁插件H5lock.js

html5手势解锁插件H5lock.js详细注释
  独立的部件
 1936  19

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

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

    yinmingmin

    火星