jQuery下拉菜单与焦点图轮播插件
黑色简洁风格的导航菜单配上自动轮播的焦点图,组合起来还挺实用的,尤其适合做首页模块切换和主导航展示。用的是经典的 jQuery,代码简单,调试也方便,比较适合刚上手或者想快速搭建 demo 的同学。
jQuery 的下拉菜单,逻辑挺清晰的。
里套,每个
下面再嵌个子菜单就行了。配上
position: absolute
搞定悬浮定位,再用hover
触发菜单显隐。动画?slideDown
、slideUp
随便用,响应也快。
焦点图部分,属于轮播图的常规操作。每张图塞在div
容器里,用fadeIn
切换就行。如果想自动轮播,加个setInterval
定时器搞定,配点按钮切换更完美。懒得自己写的,也能换成像Slick、Bootstrap Carousel这类现成插件。
资源打包在texiao857_1560681045
里,解压看看基本就明白了。有 HTML、CSS、JS,还有图片素材,直接跑效果都能出来。如果你正好想做个交互性强点的小模块,可以直接拿来改一改,节省不少时间。
链接在这:jquery 带下拉菜单和焦点图.zip。建议你手动调试一遍,理解它的结构,再自己抽出来用,会更顺手。
下载地址
用户评论