jquery Foundation提示层/提示窗插件，在线演示，多种样式。

Xebcnor

工程师 (已认证)

原创分享签约作者

发表于实例源码

783

jquery foundation 提示层/提示窗插件，在线演示，多种样式。类用于设置圆角提示框，鼠标放到下面文字上试试。

实例源码：

源代码：

执行

执行中...

编辑/阅读全部代码

执行结果：

<!DOCTYPE html>
<html>
<head>
  <title>Foundation 实例</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://cdn.staticfile.org/foundation/5.5.3/css/foundation.min.css">
  <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  <script src="https://cdn.staticfile.org/foundation/5.5.3/js/foundation.min.js"></script>
  <script src="https://cdn.staticfile.org/foundation/5.5.3/js/vendor/modernizr.js"></script>
</head>

<h2>圆角提示框</h2>
<p> <code>.radius</code> 和 <code>.round</code> 类用于设置圆角提示框，鼠标放到下面文字上试试：</p>
<span data-tooltip class="has-tip" title="时代Java与您共同学习!">默认样式</span>  
<span data-tooltip class="has-tip radius" title="NowJava与您共同学习!">圆角样式</span>  
<span data-tooltip class="has-tip round" title="https://NowJava.com">圆形样式</span>

<script>
$(document).ready(function() {
    $(document).foundation();
})
</script>

</body>
</html>

本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。

编辑于 2020-04-27 17:05:412020-04-27 17:05:41

实例源码

实例源码订阅