一款基于jQuery的图片场景标注提示弹窗特效
网络编程 2021-07-04 21:47www.168986.cn编程入门
这篇文章主要介绍了一款基于jQuery的图片场景标注提示弹窗特效,需要的朋友可以参考下
今天给大家分享一款基于jQuery的图片场景标注提示弹窗特效,这款实例适合在图片上标注某个物件,单击弹出详情说明,兼容360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗,不支持IE8及以下浏览器。效果非常不错。效果如下:
实现的过程。
这款实例要引用jquery和jquery ui库,还有一个实现的main.js库。需上的朋友可以点击上现的下载按钮下载来看看。
html代码部分:
代码如下:
<div class="container">
<div class="labels">
<a id="label1" class="label" href="#">Sofa
<p>
A sofa, is an item of furniture designed to seat more than one person, and providing
support for the back and arms.</p>
<span /></a><a id="label2" class="label" href="#">Television
<p>
Television (TV) is a telemunication medium for transmitting and receiving moving
images that can be monochrome (black-and-white) or colored, with or without acpanying
sound.</p>
<span /></a><a id="label3" class="label" href="#">Carpet
<p>
Carpet is a textile floor of an upper layer attached to a backing.</p>
<span /></a><a id="label4" class="label" href="#">Chair
<p>
Chair is an item of furniture designed to seat one person, and providing support
for the back and arms.</p>
<span /></a><a id="label5" class="label" href="
<p>
Showcase is used to showcase things at home</p>
<span /></a>
</div>
<div class="description">
<p>
</p>
<a class="close">X</a></div>
</div>
编程语言
- 机械手焊接机器人编程 机械手焊接设备编程
- vb数据库编程实例,vb做数据库
- tiobe世界编程语言排行榜,全球编程语言排行
- 成都java编程培训 成都it编程培训中心
- 编程基础培训,编程基础知识培训
- flash游戏编程基础教程,flash游戏开发教程
- 不会英语能学编程吗 不会英语可以学程序员吗
- 爱心代码编程C语言 爱心代码编程c语言公式
- c语言编程学习入门 c语言编程快速入门
- 西门子plc编程培训 西门子plc编程培训班
- 哪里可以学编程 台州哪里可以学编程
- 少儿编程哪个好 少儿编程哪个品牌好
- 编程是什么意思,图形编程是什么意思
- c语言编程软件下载,c语言编程软件在哪下载
- java编程软件下载,java编程下载手机版
- ug编程培训学校,ug编程培训教程