<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>济南郭府酒业有限公司官方网站</title>
<link href="css/css.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.10.1.min.js" type="text/javascript"></script>
</head>
<body>
<ul class="brandimg">
<li>
<a href="/" target="_blank"><span></span>
<img src="images/a.jpg" alt="" onerror="lod(this)"></a>
<div class="brandimg_on" style="display:none;">
<a href="/" target="_blank">
<h2>定制壹号</h2>
<p>国窖1573定制酒•定制壹号开创中国超高端白酒定制的新时代</p>
</a>
</div>
</li>
<li>
<a href="/" target="_blank"><span></span>
<img src="images/a.jpg" alt="" onerror="lod(this)"></a>
<div class="brandimg_on" style="display:none;">
<a href="/" target="_blank">
<h2>定制壹号</h2>
<p>国窖1573定制酒•定制壹号开创中国超高端白酒定制的新时代</p>
</a>
</div>
</li>
</ul>
<script type="text/javascript">
/***鼠标经过图片内容切换***/
$(document).ready(function() {
$(".brandimg li").on('mouseover',function(){
$(this).find(".brandimg_on").show();
});
$(".brandimg li").on('mouseout',function(){
$(this).find(".brandimg_on").hide();
});
});
</script>
</body>
</html>
css+js实现鼠标经过图片后,图片变背景图,显示新内容
4星 · 超过85%的资源 需积分: 50 51 浏览量
2016-12-27
10:19:18
上传
评论 1
收藏 70KB ZIP 举报
balkwill
- 粉丝: 14
- 资源: 23
最新资源
- NetOps-py通过sftp替换网络设备启动文件
- STM32单片机FPGA毕设电路原理论文报告任务驱动教学法在单片机课程教学中的应用
- STM32单片机FPGA毕设电路原理论文报告任务驱动法在单片机教学中的应用
- STM32单片机FPGA毕设电路原理论文报告人造金刚石压机智能化压力测控系统设计
- 以某列为依据匹配多项(Excel版)
- STM32单片机FPGA毕设电路原理论文报告人体短臂离心机实验台的显示控制系统
- STM32单片机FPGA毕设电路原理论文报告人工气候室监控系统的环境控制器研究
- STM32单片机FPGA毕设电路原理论文报告染整自动线张力控制系统的设计
- 数据挖掘与机器学习-实验
- 基于Linux系统Nginx的动态网站的LNMP环境源码包
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈