jQuery+CSS3实现的遮罩图片hover翻转效果源码.zip资源-CSDN文库

共13个文件

jpg：7个

css：2个

js：2个

版权申诉

jQuery

46 浏览量 2022-11-06 23:44:01 上传评论收藏 81KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

jQuery+CSS3实现的遮罩图片hover翻转效果源码.zip （13个子文件）

132689838319178523

css

animation.css 19KB

style.css 1KB

images

1400684346-4329.jpg 9KB

1405250374-3685.jpg 10KB

png1.png 11KB

1400684434-4609.jpg 7KB

1428032296-8158.jpg 9KB

1413775760-7544.jpg 6KB

1411890878-8918.jpg 11KB

1413775714-2418.jpg 9KB

index.html 3KB

main.js 2KB

public.js 5KB

<!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=gb2312"> <link href="css/style.css" rel="stylesheet" type="text/css"> <link href="css/animation.css" rel="stylesheet" media="screen" type="text/css"> </head> <body> <div class="index_hd"> <div class="fr hd_r major-list-outer"> <ul class="major-list"> <li class="major-item"> <a href="http://sc.chinaz.com/"> <span class="txt-hide front-face"> <img src="images/1413775760-7544.jpg" width="294" height="267"> </span> <span class="back-face to-left"></span> </a> </li> <li class="major-item"> <a href="http://sc.chinaz.com/"> <span class="txt-hide front-face"> <img src="images/1400684346-4329.jpg" width="294" height="267"> </span> <span class="back-face to-right"></span> </a> </li> <li class="major-item"> <a href="http://sc.chinaz.com/"> <span class="txt-hide front-face"> <img src="images/1413775714-2418.jpg" width="294" height="267"> </span> <span class="back-face to-top"></span> </a> </li> <li class="major-item"> <a href="http://sc.chinaz.com/"> <span class="txt-hide front-face"> <img src="images/1411890878-8918.jpg" width="294" height="267"> </span> <span class="back-face to-top"></span> </a> </li> <li class="major-item"> <a href="http://sc.chinaz.com/"> <span class="txt-hide front-face"> <img src="images/1413775714-2418.jpg" width="294" height="267"> </span> <span class="back-face to-top"></span> </a> </li> <li class="major-item"> <a href="http://sc.chinaz.com/"> <span class="txt-hide front-face"> <img src="images/1400684434-4609.jpg" width="294" height="267"> </span> <span class="back-face to-top"></span> </a> </li> <li class="major-item"> <a href="http://sc.chinaz.com/"> <span class="txt-hide front-face"> <img src="images/1428032296-8158.jpg" width="294" height="267"> </span> <span class="back-face to-top"></span> </a> </li> <li class="major-item"> <a href="http://sc.chinaz.com/"> <span class="txt-hide front-face"> <img src="images/1405250374-3685.jpg" width="294" height="267"> </span> <span class="back-face to-top"></span> </a> </li> </ul> </div> </div> <script type="text/javascript" src="js/public.js"></script> <script type="text/javascript" src="js/main.js"></script> <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"> <p>适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p> </div> </body> </html>

评论收藏

内容反馈

版权申诉