`
mark20111213
  • 浏览: 4683 次
  • 性别: Icon_minigender_1
  • 来自: 银川
社区版块
存档分类
最新评论

使用jquery.knob.js生成圆形进度条,在IE7/IE8下提示对象不支持此属性或方法getContext()

阅读更多
具体导入的步骤可以参考,附件中有案例

1.生成进度条(可以自己设置属性)

http://www.sharejs.com/code/status/knob/index.html

2.解决IE7或IE8下无法显示进度条的问题

在head标签中先导入如下两个文件,再引入jquery.knob.js

<script type='text/javascript' src='js/excanvas.js'></script>
<link rel="stylesheet" href="css/iefix.css" type="text/css" media="screen" />

http://blog.csdn.net/ixr_wang/article/details/7055227
分享到:
评论

相关推荐

    jQuery-Knob

    - **引入依赖**:首先需要在页面中引入jQuery库和`jQuery-Knob`插件的JavaScript和CSS文件。 - **初始化插件**:选择一个HTML元素(通常是`&lt;input&gt;`标签),然后调用`.knob()`方法来初始化滑圈控件。 ```html ...

    编程开发-综合控件-jQuery knob网页旋钮插件.zip

    jQuery Knob是一款流行的JavaScript插件,它允许开发者在网页上创建可交互的圆形旋钮控件,常用于数据输入、设置调整或者简单的图形界面设计。这个插件基于jQuery库,因此能够很好地与其他jQuery组件集成,简化了...

    jQuery旋钮插件jQuery knob

    如果你也在寻找一款生成漂亮旋钮(knob)的jQuery插件的话,那么今天我们介绍的jQuery knob肯定是一个不错的选择。演示地址:http://www.jq22.com/jquery-info392

    jQuery旋钮插件jQuery knob.zip

    jQuery Knob是一款强大的JavaScript插件,它基于jQuery库,用于创建直观、可自定义的旋钮(knob)控件。这个插件提供了一个数字输入的界面,用户可以通过旋转按钮来调整数值,常用于调整设置、输入数值或者控制某种...

    基于SVG的jQuery旋转按钮插件.zip

    在技术实现方面,jquery.knob.js依赖于jQuery库,这是一个强大的JavaScript库,简化了DOM操作、事件处理和动画等功能。同时,它还利用了jQuery UI的部分功能,这是一个扩展了jQuery的库,包含了更多的UI组件和交互...

    前端项目-jQuery-Knob.zip

    7. **读写属性**:可以通过JavaScript访问和修改Knob的值,使得在代码中控制和获取用户输入变得简单。 8. **可配置性**:jQuery Knob允许开发者通过设置各种选项来自定义其行为,例如设置最小值、最大值、步进值等...

    jQuery旋钮插件jQuery knob特效代码

    在本文中,我们将深入探讨jQuery Knob的核心功能、使用方法以及如何在项目中集成和自定义。 1. **核心功能**: - 数字输入:jQuery Knob提供了一个可视化的数字输入方式,用户可以通过旋转指针来改变数值。 - ...

    jQuery knob拖动旋转按钮插件

    jQuery knob插件,支持鼠标在旋转的圆圈内拖动百分比,同时图片按照比例放大或者缩小,效果很不错 使用方法: 1、将lanrenzhijia.css 样式引入到head中 2、将id="container" 中的html样式复制到你需要的地方 ...

    移动互联应用技术《旋钮插件knob》.pdf

    2. 绑定元素:接着,你需要找到一个input元素,并使用jQuery选择器选择这个元素,然后调用knob方法将其绑定到Knob插件。 ```javascript &lt;input type="text" id="knobExample" /&gt; $(document).ready(function() { $...

    jquery-knob:用于 jQuery 旋钮的 WebJar

    在使用jQuery Knob时,你需要首先在你的页面中引入jQuery和jQuery Knob的库文件。WebJar可以帮助你管理这些依赖,确保它们在构建过程中正确打包和引用。在Maven项目中,可以通过添加对应的dependency来引入WebJar,...

    html5+jquery通过鼠标控制的圆形进度条

    Knob是一款通过html5和jquery制作的圆形进度条插件。它的特点是通过鼠标的点击或滚动鼠标轮来控制进度条的增长和减小。这个插件更像是一个仪表盘。

    VC.editing.control.knob.develop.code.rar_editing_knob_旋钮

    6. **属性和方法**:为了方便使用,你需要提供一些公共属性和方法,比如设置和获取数值、设置旋钮的范围、调整样式等。 7. **资源文件**:在资源文件中,可能需要定义控件的图标和其他视觉元素,如背景图像、鼠标...

    jQuery和css3音量调节旋钮插件

    4. `jquery.min.js`:这是jQuery库的压缩版本,用于在网页中引入jQuery功能。 5. `modernizr.js`:Modernizr是一个JavaScript库,用于检测浏览器对HTML5和CSS3新特性的支持情况,帮助开发者实现渐进增强或优雅降级...

    基于SVG的jQuery旋转按钮插件特效代码

    为了使用`jquery.knob.js`,你需要在HTML文件中引入jQuery库、jQuery UI库(如果需要主题支持)以及`jquery.knob.js`本身。然后,通过选择合适的元素并调用相应的jQuery方法,就可以将旋转按钮添加到页面上。在...

    非常精美的h5 进度条

    &lt;script src="js/jquery.knob.js"&gt;&lt;/script&gt; &lt;script src="js/jquery.throttle.js"&gt;&lt;/script&gt; &lt;script src="js/jquery.classycountdown.js"&gt;&lt;/script&gt; &lt;link rel="stylesheet" type="text/css" href="css/jquery...

    50个开发者最喜欢使用的jQuery插件

    8. **FitVids.js**:自动适应容器宽度的视频插件,使得视频在不同尺寸的屏幕下都能良好显示。 9. **FullCalendar**:全功能的日历插件,可展示日程、事件,并支持拖放操作。 10. **Magnific Popup**:轻量级的弹出...

    前端项目-ng-knob.zip

    《前端项目-ng-knob:构建动态交互的JS旋钮指令》 在前端开发领域,ng-knob是一款基于AngularJS框架的动态角度旋钮指令库,它为开发者提供了一种直观、交互性强的方式来呈现数据和控制参数。这个项目的核心是通过...

    Ace-admin后台管理目标介绍文档

    - 然后是`excanvas.js`,用于在IE8下使用HTML5图表库,如Flotchart、Sparklines和jQuery Knob等。 - 其他插件,如`chosen.js`等,根据项目需求引入。 - 最后引入`ace-elements.js`和`ace.js`,完成主要功能和元素...

    labview中文教程

    在程序框图中连接对象............................................................................................1-5 运行VI程序.............................................................................

    pure-knob:基于画布JavaScript UI元素,实现了对触摸,键盘,鼠标和滚轮的支持

    纯旋钮最初是一个(圆形)旋钮/拨盘控件,具有鼠标,滚轮,触摸和键盘支持,以纯JavaScript实现。 此外,此脚本还可以呈现(线性)条形图。 基于画布,不需要图像文件。 鼠标,滚轮,触摸和键盘控件。 在生成的纯...

Global site tag (gtag.js) - Google Analytics