相关文章
使用jQuery折叠站点导航
View demo 查看演示 Download Source 下载源 Today we will create a collapsing menu that contains vertical navigation bars and a slide out content area. When hovering over a menu item, an image slides down from the top and a submenu slides up from the bottom.…
建站知识
2024/9/25 19:38:13
JQuery实现带有滑动下边框的导航栏
比亚迪海洋官网效果图如下 比亚迪汽车官方网站 比亚迪汽车 ─ 新能源汽车领导者 我的效果图 官网效果为：点击导航栏的列表项，滑动下边框，并滑动到对应的图片高度；滑动到不同的高度，导航栏的下边框也滑动到相应的列表项…
建站知识
2024/9/25 19:38:12
php侧边栏导航效果,jQuery 实现侧边浮动导航菜单效果_jquery
单页面网页内容较多，页面长度较大，需要方便快速的在页面的不同位置进行定位，所以浮动菜单逐渐流行了起来，如下图 男装、女装、美妆等。 这种菜单功能分为两部分： 1、点击菜单项，网页滚动到对应位置…
建站知识
2024/9/25 19:38:11
纯CSS3底部滑动导航效果
闲来无事用css和jQuery写了个导航效果（可放开注释移除jQuery操作部分）如下效果：
html 部分
<ul idul_all>
<!-- <li class"active">首页</li><li>首页1</li><li>首页2</li><li…
建站知识
2024/9/25 19:38:10
JQuery-固定导航
固定导航 <style>* {margin: 0;padding: 0}img {vertical-align: top;width: 100%;}.main {margin: 10px auto 0;width: 1000px;}.fixed {width: 100%;position: fixed;top: 0;left: 0;}</style><script src"../js/jquery-1.12.4.js"></script&…
建站知识
2024/9/25 19:38:10
jQuery鼠标悬停导航底部动画效果
<!doctype html>
<html>
<head><meta charset"utf-8"><title>jQuery鼠标悬停导航底部动画效果</title><style>*{margin:0;padding:0;list-style:none;}img{border:0;}.header{width:100%;background:#F5F5F5;}.nav{width:…
建站知识
2024/9/25 19:38:09
jQuery 导航栏案例
基本需求：
1.当页面滑动到某个盒子时 导航栏显示出来
2.点击导航栏 可以直接移动到相应的位置
3.给点击的导航栏某一项 变化背景颜色(加上current类)
4.当页面滑动到某个盒子时 对应的导航栏也要固定到对应的位置 整体代码展示：
<!DOCTYPE html>
<html><…
建站知识
2024/9/25 19:38:08
360导航底部的效果html,jQuery仿360导航页图标拖动排序效果代码分享
jquery实现360浏览器导航页图标拖动从新排序特效源码是一款模仿360浏览器导航页网站图标拖动排序的代码。本段代码适应于所有网页使用，有兴趣的朋友们可以学习一下。 运行效果图： ----------------------查看效…
建站知识
2024/9/25 19:38:07
