最新下载
24小时阅读排行榜
- 1 Go测试中如何跳过用例 Golang Skip用法说明
- 2 css 响应式设计中的表单优化_自适应调整表单布局
- 3 Golang如何实现HTTP长连接_Golang HTTP Keep-Alive实现
- 4 php数组怎样筛选中文元素项_php中文数组筛选法【教程】
- 5 mysql中InnoDB锁的实现与内部机制
- 6 C++ set怎么去重 C++ 红黑树容器自动排序去重机制【STL】
- 7 C++ 怎么获取系统时间戳 C++ time与chrono转换【计时】
- 8 php实现班级通信录怎么导入定时任务_php定时执行导入法【步骤】
- 9 php模拟post请求调试输出_phppost调试信息打印【步骤】
- 10 c# xUnit 和 NUnit 对异步测试的支持
- 11 C# 构造函数(constructor)的链式调用 - 使用: this()和: base()
- 12 Avalonia怎么在绑定失败时调试 Avalonia绑定调试技巧
- 13 ABAP如何调用API上传XML文件到SAP系统
- 14 css 想让文本在加载时逐字出现动画怎么办_利用 keyframes 设置透明度和位置变化
- 15 javascript如何实现拖放功能？_掌握javascript拖放API【教程】
最新教程
-
- Node.js 教程
- 16182 2025-08-28
-
- CSS3 教程
- 1546704 2025-08-27
-
- Rust 教程
- 23316 2025-08-27
-
- Vue 教程
- 25780 2025-08-22
-
- PostgreSQL 教程
- 22261 2025-08-21
-
- Git 教程
- 9240 2025-08-21
<link rel="stylesheet" href="jquery.mytooltip.css">
<link rel="stylesheet" href="demo/style.css">
<script src="jquery-1.11.3.min.js"></script>
<script src="jquery.mytooltip.js"></script>
<script src="demo/script.js"></script>
</head>
<body><script src="/demos/googlegg.js"></script>
<div class="content" id="start-example">
<div class="content-block content-first">
<div class="content-block-inner">
<h2 class="content-title">Directions</h2>
<h3 class="content-subtitle">Directions tooltips</h3>
<div class="js-mytooltip type-inline-block style-block style-block-one"
data-mytooltip-custom-class="align-center"
data-mytooltip-template="站长素材">Top
</div>
<br>
<code>data-mytooltip-direction=<span class="code-string">"top"</span></code> or
<code>direction:<span class="code-string">'top'</span></code>
<span class="code-info">- This default value</span>
<br>
<br>
<div class="js-mytooltip type-inline-block style-block style-block-one"
data-mytooltip-custom-class="align-center"
data-mytooltip-direction="right"
data-mytooltip-template=".tooltip-content-dom">Right
</div>
jquery.mytooltip插件是一款支持上下左右不同方向显示提示信息的jQuery鼠标悬停文字提示代码，是很多种效果。
相关推荐
8种jQuery图片鼠标悬停效果
6款图片鼠标悬停效果JS代码
intense图片全屏浏览插件(jQuery)
热门下载
canvas音谱可视化mp3音乐播放器代码
