基于jquery实现的鼠标经过背景滑动导航菜单特效源码.zip资源-CSDN文库

共5个文件

css：2个

js：2个

html：1个

版权申诉

前端代码

133 浏览量 2022-11-10 00:25:01 上传评论收藏 37KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

基于jquery实现的鼠标经过背景滑动导航菜单特效源码.zip （5个子文件）

132686898971374632

css

reset.css 2KB

index.css 478B

index.html 2KB

jquery-1.7.2.min.js 93KB

jquery.movebg.js 2KB

<!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" /> <title>jquery背景滑动导航菜单代码</title> <link href="css/reset.css" rel="stylesheet" type="text/css"> <link href="css/index.css" rel="stylesheet" type="text/css"> <script src="js/jquery-1.7.2.min.js"></script> <script src="js/jquery.movebg.js"></script> </head> <body>  <div class="wraper"> <div class="nav"> <ul> <li class="nav-item"><a href="http://www.jb51.net/" target="_blank">网站首页</a></li> <li class="nav-item cur"><a href="http://www.jb51.net/" target="_blank">网上商城</a></li> <li class="nav-item"><a href="http://www.jb51.net/" target="_blank">智能管家</a></li> <li class="nav-item"><a href="http://www.jb51.net/" target="_blank">技术支持</a></li> <li class="nav-item"><a href="http://www.jb51.net/" target="_blank">应用案例</a></li> <li class="nav-item"><a href="http://www.jb51.net/" target="_blank">关于我们</a></li> <li class="nav-item"><a href="http://www.jb51.net/" target="_blank">脚本之家</a></li> </ul>  <div class="move-bg"></div>  </div> </div> <script> $(function(){ $(".nav").movebg({width:120/*滑块的大小*/,extra:40/*额外反弹的距离*/,speed:300/*滑块移动的速度*/,rebound_speed:400/*滑块反弹的速度*/}); }) </script>  </body> </html>

评论收藏

内容反馈

版权申诉