jQuery+CSS3鼠标悬停动画导航菜单特效.zip资源-CSDN文库

共4个文件

js：2个

html：1个

css：1个

版权申诉

jquery代码

jquery特效

jquery插件

87 浏览量 2023-09-23 09:55:34 上传评论收藏 32KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

jQuery+CSS3鼠标悬停动画导航菜单特效.zip （4个子文件）

style.js 1KB

jquery.min.js 82KB

css

style.css 4KB

index.html 3KB

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>jQuery+CSS3鼠标悬停动画导航菜单特效</title> <link rel="stylesheet" href="css/style.css" /> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/style.js"></script> </head> <body><script src="/demos/googlegg.js"></script> <div class="content">  <div class="header"> <ul class="header-cell"> <li class="header-cell-li"> <a class="header-cell-li-tittle active"><span class='ink'></span>HOME</a> </li> <li class="header-cell-li"> <a class="header-cell-li-tittle"> <span class='ink'></span>NEWS</a> </li> <li class="header-cell-li"> <a class="header-cell-li-tittle"> <span class='ink'></span>LIST</a> </li> <li class="header-cell-li"> <a class="header-cell-li-tittle"><span class='ink'></span>PRODUCT</a> </li> <li class="header-cell-li"> <a class="header-cell-li-tittle"><span class='ink'></span>ABOUT</a> </li> </ul> </div>   <div class="nav_shake"> <ul class="nav_shake_table"> <li class="nav_shake_table_cell"> <a class="nav_shake_table_cell_link"> <span class="shake">HOME</span> </a> </li> <li class="nav_shake_table_cell"> <a class="nav_shake_table_cell_link"> <span class="shake">NEWS</span> </a> </li> <li class="nav_shake_table_cell"> <a class="nav_shake_table_cell_link"> <span class="shake">LIST</span> </a> </li> <li class="nav_shake_table_cell"> <a class="nav_shake_table_cell_link"> <span class="shake">PRODUCT</span> </a> </li> <li class="nav_shake_table_cell"> <a class="nav_shake_table_cell_link"> <span class="shake">ABOUT</span> </a> </li> </ul> </div>   <div class="nav"> <ul class="nav_table"> <li class="nav_table_cell"> <a class="nav_table_cell_link"> <span></span> HOME </a> </li> <li class="nav_table_cell nav_active"> <a class="nav_table_cell_link"> <span></span> NEWS </a> </li> <li class="nav_table_cell"> <a class="nav_table_cell_link"> <span></span> LIST </a> </li> <li class="nav_table_cell"> <a class="nav_table_cell_link"> <span></span> PRODUCT </a> </li> <li class="nav_table_cell"> <a class="nav_table_cell_link"> <span></span> ABOUT </a> </li> </ul> </div>  </div> <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"> <p>适用浏览器：360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 不支持Safari、IE8及以下浏览器。</p> <p>更多源码：<a href="http://www.96flw.com/" target="_blank">www.96flw.com</a></p> </div> </body> </html>

评论收藏

内容反馈

版权申诉