grumble.js小白攻略一款可360度旋转的气泡样式jQuery提示框插件

grumble.js基础入门

官方网址:http://jamescryer.github.com/grumble.js/

grumble.js小白攻略一款可360度旋转的气泡样式jQuery提示框插件

GitHub:https://github.com/jamescryer/grumble.js

简介描述:一款可360度旋转的气泡样式jQuery提示框插件

grumble.js是一款可360度旋转的气泡样式jQuery提示框插件。该tooltips提示框插件可以将提示框放到它所围绕元素的任意角度的位置,多个grumble可以通过FX队列实现动画效果 

grumble.js可以任意调整提示框的距离,对于任意文本还可以自动调整大小。可以应用自定义的CSS样式。它能够兼容IE6+的IE浏览器,对于支持CSS3的现代浏览器,它使用CSS3 transforms来制作动画。对于 IE6+ 使用非标准的Matrix filters技术。插件中使用的气泡图像使用的是雪碧图片,你可以更换自己的图片,只需要对CSS样式稍作调整即可。 

海计划公众号
(0)
上一篇 2020/03/05 23:26
下一篇 2020/03/05 23:26

您可能感兴趣的内容

  • 移动端兼容适配的分析菜鸟指南_适配使用教程

    一、思考在移动端越来越重要的背景下,每位web开发者对移动适配都有自己的想法。是移动优先,还是PC优先,还是两者兼得?在实际开发中这个问题是和项目产品定位有关的,也涉及到UI的设计,不是开发者能决定。但不管产品如何定位,作为开发者总是要提供最好的解决方案,是用一套样式还是多套样式?网上一搜,有静态布局、流式布局,响应式布局,自适应布局,弹性布局等一堆,云里雾

    2020/03/29
  • 什么是编程能力?基础知识_编程基础指南

    经过这两次业务开发之后,现在对于编程有了更加深入的理解。回想起在最开始学习编程基础的时候,算法导论的老师讲到最重要的是编程的思想,不论我们学习什么语言,使用什么工具编程,最核心的还是你的编程思路是怎么样。当时只是听到,现在是确实的感受到了。下面我就来梳理一下我的基本感悟。业务理解能力–编程效率来源于对业务的理解经历了实际开发后你就会发现,这和自己写demo

    2020/03/29
  • Wenk指南教程_一个轻量级纯 CSS 写的文本工具提示库

    Wenk指南教程 官方网址:https://tiaanduplessis.github.io/wenk/ GitHub:https://github.com/tiaanduples…

    2020/03/06
  • threesixty.js教程视频_360度产品图片预览jQuery插件

    threesixty.js教程视频 官方网址:http://ww1.360slider.com/ GitHub:https://github.com/creativeaura/th…

    2020/03/10
  • 聊一聊 JavaScript 的 URL 对象是什么?使用教程_url小白指南

    如果我们自己编写从URL中分析和提取元素的代码,那么有可能会比较痛苦和麻烦。程序员作为这个社会中最“懒”的群体之一,无休止的重复造轮子必然是令人难以容忍的,所以大多数浏览器的标准库中都已经内置了URL对象。那么现在,有了它,我们就可以将URL字符串作为参数传递给URL的构造函数,并创建它的实例解析URL内容了吗?答案是:“是的!”。要使用URL构造函数创建U

    2020/03/22
  • Angular怎么实现跨域?小白攻略_跨域指南教程

    跨域,前端开发中常常遇到的问题。AngularJS实现跨域方式类似于Ajax,使用CORS机制。以下阐述一下AngularJS中使用$http实现跨域请求数据。AngularJS XMLHttpRequest:$http用于读取远程server的数据$http.post(url, data, [config]).success(function(){ …

    2020/03/26
  • 通过Node.js实现MongoDB的数据库复制转移基础教程_MongoDB攻略教程

    我需要把原来的 MongoDB 数据完整拷贝到新服务器上,查了一下实现方式蛮多的,但我觉得都不如写个 node 脚本来实现自由方便,这个方式也应该没有跨版本不兼容的坑,至少我从3.4升级到4.2是没问题的
    脚本依赖 mongodb, 需确保 node.js 版本支持直接运行 async + await
    mongodb-copy.jsconst {MongoC

    2020/03/22
  • 移动端开发必须知道的小技巧菜鸟教程_技巧菜鸟教程网

    最近在公司写一个混合 app 项目,页面基本全部都是用 H5 完成,嵌入到原生 webview 下。发现一个问题,在 iPhone 6 下 苹果手机的状态栏会挡住页面,导致页面下移,样式错乱,最后网上查找了些解决办法,加了一条 meta 标签解决了问题。今天特来总结下常用的移动端开发需要注意的meta标签及一些小技巧。viewport<meta name="

    2020/03/26
  • 前端最常用的vscode插件集基础入门_插件入门基础教程

    在前端开发中,使用Visual Studio Code有哪些你常用的插件?推荐几个自己喜欢的,不带链接,自己搜索安装吧。这些都是比较实用、前端必备的插件集
    vue【vetur】 vue语法高亮【vueHelper】vue2代码段react【react playground】react租金啊运行环境【react standard style code snip

    2020/04/03
  • css实现自适应正方形的多种方法实现小白知识_绘制小白入门

    方案一:CSS3 vw 单位CSS3 中新增了一组相对于可视区域百分比的长度单位vw、vh、vmin、vmax。其中vw是相对于视口宽度百分比的单位,1vw = 1% viewport width,vh是相对于视口高度百分比的单位,1vh = 1% viewport height;vmin是相对当前视口宽高中较小的一个的百分比单位,同理 vmax是相对当前视

    2020/04/05
  • 前端为什么学node.js?菜鸟指南_学习小白入门

    前端为什么学node.js?下面本篇文章就来给大家具体介绍一下前端为什么学习node.js?希望对大家有所帮助。前端为什么学node.js?1、求职需要随着互联网的高速发展以及市场需求推动,Node已经成为前端知识栈必备技能之一,很多企业在招聘中也会着重考察求职者对Node的掌握程度。2、node.js可以大大提升了开发的性能以及便利我们知道 Apache

    2020/03/22
  • 如何渲染几万条数据并不卡住界面?入门基础教程_渲染入门攻略

    如何在不卡住页面的情况下渲染数据,也就是说不能一次性将几万条 都渲染出来,而应该一次渲染部分 DOM,那么就可以通过 requestAnimationFrame 来 每 16 ms 刷新一次。代码

    <meta name="viewport"

    2020/03/23
  • 浅谈RPC入门基础教程_RPC菜鸟指南

    近几年随着微服务化项目的崛起,逐渐成为许多公司中大型分布式系统架构的主流方式,而今天所说的 RPC 在这其中扮演着至关重要的角色。随着这段日子公司项目微服务化的演进,发现在日常开发中都在隐式或显式的使用 RPC,一些刚刚接触 RPC 的小伙伴会感觉无所适从,而一些入行多年的老手虽然使用 RPC 经验丰富,但有些对其原理也一知半解,缺乏对原理的深入理解,往往也

    2020/03/26
  • 前端防抖和节流小白基础_节流使用帮助

    窗口的resize、scroll、输入框内容校验等操作时,如果这些操作处理函数是较为复杂或页面频繁重渲染等操作时,在这种情况下如果事件触发的频率无限制,会加重浏览器的负担,导致用户体验非常糟糕。此时我们可以采用debounce(防抖)和throttle(节流)的方式来减少触发的频率,同时又不影响实际效果。防抖在事件被触发n秒之后执行,如果在此期间再次触发事件

    2020/03/22
  • CSS定位小白攻略_定位菜鸟指南

    一、什么是定位改变元素在页面中的位置二、定位的分类 1、普通流定位 2、浮动定位 3、相对定位 4、绝对定位 5、固定定位三、普通流定位页面中元素的默认定位方式,默认文档流,从上往下,从左往右1、每个元素都在页面有自己的空间2、每个元素都是从父元素的左上角开始显示3、块级元素都是按照从上到下的方式逐行排列,每个元素独占一行4、行

    2020/03/24
  • 被误解的 em 单位新手入门_单位入门基础知识

    em 单位往往被认为是相对于父元素的 font-size 大小来进行计算的。例如一个元素的父元素设置了如下的 font-size:body {font-size:20px;
    }而其中的 div 设置了 font-size 设置了 1.5em :div {font-size:1.5em;
    }那么 div 元素的 font-size = 20 * 1.5 = 3

    2020/03/30