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


相关插件-独立的部件

Web右键菜单插件web.contextmenu.js

可定制HTML页面的右键菜单,替换浏览器默认的右键菜单
  独立的部件
 1967  17

jQuery网站引导插件joyride

jQuery网站引导插件joyride
  独立的部件
 8079  42
  独立的部件
 4991  23

jQuery页面分享插件

为站点提供页面分享,微信分享未完成
  独立的部件
 3946  56

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

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