最新下载
24小时阅读排行榜
- 1 XML Catalog是什么 如何用它来解析本地DTD/XSD文件
- 2 PowerShell如何监控文件系统事件并调用API上传XML
- 3 如何用javascript实现本地存储【教程】
- 4 css 动画与 transform-origin_自定义动画的旋转轴心
- 5 如何使用Golang构建微服务API网关_Golang微服务API管理实践
- 6 mysql中HAVING子句与WHERE子句的区别
- 7 mysql中LIMIT与OFFSET的分页查询语法
- 8 Java如何配置SAXParserFactory以禁用外部实体
- 9 如何在 Antora 文档中启用 SVG 图像的交互式提示(Tooltips)
- 10 Python 实现带降级机制的缓存策略:网络不可靠时返回过期数据
- 11 PHP中生成指定日期范围内每周特定星期几的所有日期
- 12 如何在 PHP 中生成指定日期范围内每周特定星期几的所有日期
- 13 PHP 中生成指定周几的周期性日期序列(如每周一、每周三等)
- 14 Jupyter Notebook 自动保存机制详解:无需手动保存也能安心下载
- 15 如何正确使用 :last-of-type 选择器实现“按类名选取最近子元素”
最新教程
-
- Node.js 教程
- 16102 2025-08-28
-
- CSS3 教程
- 1546505 2025-08-27
-
- Rust 教程
- 23243 2025-08-27
-
- Vue 教程
- 25711 2025-08-22
-
- PostgreSQL 教程
- 22194 2025-08-21
-
- Git 教程
- 9179 2025-08-21
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>CSS3+JS鼠标经过显示二维码和二级菜单特效</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" href="css/lanrenzhijia.min.css">
</head>
<body><script src="/demos/googlegg.js"></script>
<section class="part" id="part2">
<div class="container">
<div class="downloads">
<div class="tips-area qr-area">
<button class="custom-button has-tips">
扫二维码下载
</button>
<div class="qr-tip">
<img src="images/qr_tip.png">
</div>
</div>
<div class="tips-area buttons-area btn-margin">
<button class="custom-button download has-tips">
按系统下载
</button>
<div class="buttons-tip">
<a href="http://www.lanrenzhijia.com/">
<button class="custom-button custom-button-white ios-download-btn">
<img class="blue-icon" src="images/icon_apple_blue.png"/>
<img class="white-icon" src="images/icon_apple_white.png"/>
iOS 下载
</button>
</a>
<a target="_blank" href="http://www.lanrenzhijia.com/">
<button class="custom-button custom-button-white android-download-btn">
<img class="blue-icon" src="images/icon_android_blue.png"/>
<img class="white-icon" src="images/icon_android_white.png"/>
Android 下载
</button>
</a>
</div>
</div>
</img>
</div>
</div>
</section>
<script type="text/javascript" src="js/lanrenzhijia.min.js"></script>
<script type="text/javascript" src="js/lr.min.js"></script>
<div style="text-align:center;margin:250px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>
</body>
</html>
这是一款比较简单实用的基于CSS3实现的鼠标经过显示二维码和二级菜单特效,CSS3鼠标悬停事件代码。
