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


相关插件-独立的部件

doT.js 模板引擎

doT模板方便快捷的组织页面DOM
  独立的部件
 6805  20

文件导出插件FileSaver.js

FileSaver.js是一款基于HTML5完成文件保存插件,它可以帮你直接从网页中导出多种格式文件。
  独立的部件
 2111  29

新浪天气、时间获取插件

LeoWeather 是一款专门用来获取天气和时间的插件,本插件自创的标签模式使得用户可以更好的对显示内容进行排版!
  独立的部件
 7061  107

jquery.barrager.js专业的网页弹幕插件

一款专业的网页弹幕插件。支持显示图片文字以及超链接,支持自定义弹幕的速度、高度、颜色、数量等
  独立的部件
 9826  134

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

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

    yinmingmin

    火星