jq css3悬停效果.zip

  • W9_157785
    了解作者
  • 293.5KB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-06-06 06:00
    上传日期
jquery css3缩略图悬停效果里面有十一款不同特效的缩略图悬停特效。   jquery css3缩略图悬停
jiaoben188.zip
  • jiaoben188
  • index10.html
    3.6KB
  • css
  • style5.css
    1.9KB
  • reset.css
    654B
  • style7.css
    4.2KB
  • style8.css
    4.3KB
  • style6.css
    4.2KB
  • style_common.css
    1.4KB
  • demo.css
    2KB
  • style3.css
    3.9KB
  • style9.css
    3.8KB
  • style10.css
    3KB
  • style1.css
    3KB
  • style4.css
    3.5KB
  • style2.css
    4KB
  • index4.html
    3.5KB
  • index6.html
    3.4KB
  • index8.html
    3.6KB
  • index3.html
    3.4KB
  • index2.html
    3.6KB
  • images
  • 5.jpg
    14.5KB
  • bgimg.jpg
    11.8KB
  • 3.jpg
    11.7KB
  • 8.jpg
    21.4KB
  • 4.jpg
    18.3KB
  • white_texture.jpg
    3.9KB
  • 12.jpg
    15.2KB
  • 9.jpg
    20.9KB
  • 2.jpg
    15.6KB
  • 10.jpg
    12.2KB
  • 1.jpg
    14.4KB
  • 11.jpg
    12KB
  • 14.jpg
    11.5KB
  • 6.jpg
    18.3KB
  • 15.jpg
    15.3KB
  • 16.jpg
    18.5KB
  • 7.jpg
    19.6KB
  • 13.jpg
    16.9KB
  • index7.html
    3.6KB
  • index.html
    3.4KB
  • index9.html
    4KB
  • index5.html
    3.6KB
  • 说明.htm
    4.2KB
内容介绍
<!DOCTYPE html> <html lang="en"> <head> <title>jq+css3悬停效果 </title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <link rel="stylesheet" type="text/css" href="css/demo.css" /> <link rel="stylesheet" type="text/css" href="css/style_common.css" /> <link rel="stylesheet" type="text/css" href="css/style9.css" /> <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css' /> </head> <body> <div class="container"> <h1>jquery+css3缩略图悬停效果</h1> <div class="more"> <ul> <li><a href="index.html" rel='nofollow' onclick='return false;'>Demo 1</a></li> <li><a href="index2.html" rel='nofollow' onclick='return false;'>Demo 2</a></li> <li><a href="index3.html" rel='nofollow' onclick='return false;'>Demo 3</a></li> <li><a href="index4.html" rel='nofollow' onclick='return false;'>Demo 4</a></li> <li><a href="index5.html" rel='nofollow' onclick='return false;'>Demo 5</a></li> <li><a href="index6.html" rel='nofollow' onclick='return false;'>Demo 6</a></li> <li><a href="index7.html" rel='nofollow' onclick='return false;'>Demo 7</a></li> <li><a href="index8.html" rel='nofollow' onclick='return false;'>Demo 8</a></li> <li class="selected"><a href="index9.html" rel='nofollow' onclick='return false;'>Demo 9</a></li> <li><a href="index10.html" rel='nofollow' onclick='return false;'>Demo 10</a></li> </ul> </div> <div class="main"> <!-- NINTH EXAMPLE --> <div class="view view-ninth"> <div class="mask mask-1"></div> <div class="mask mask-2"></div> <div class="content"> <h2>Hover Style #9</h2> <p>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.</p> <a href="#" class="info" rel='nofollow' onclick='return false;'>Read More</a> </div> </div> <div class="view view-ninth"> <div class="mask mask-1"></div> <div class="mask mask-2"></div> <div class="content"> <h2>Hover Style #9</h2> <p>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.</p> <a href="#" class="info" rel='nofollow' onclick='return false;'>Read More</a> </div> </div> <div class="view view-ninth"> <div class="mask mask-1"></div> <div class="mask mask-2"></div> <div class="content"> <h2>Hover Style #9</h2> <p>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.</p> <a href="#" class="info" rel='nofollow' onclick='return false;'>Read More</a> </div> </div> <div class="view view-ninth"> <div class="mask mask-1"></div> <div class="mask mask-2"></div> <div class="content"> <h2>Hover Style #9</h2> <p>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.</p> <a href="#" class="info" rel='nofollow' onclick='return false;'>Read More</a> </div> </div> </div> </div> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html>
评论
    相关推荐