核心jquery代码:
$(function(){
$('.topH li').mouseenter(function(){
var that = $(this);
var index = $('.topH li').index(that);
$('.topH li').removeClass('activeLi').eq(index).addClass('activeLi');
$('#content .neirong').hide().eq(index).show();
// var a = $('#content .neirong').eq(index).find('li').length;
enterLi()
})
function enterLi(){
$('#content .neirong:visible').find('li').hover(function(){
var thatH = $(this);
var $li = $('#content .neirong:visible').find('li');
var indexH = $li.index(thatH);
$li.find('h3').eq(indexH).addClass('activeH4');
$li.find('.one').eq(indexH).addClass('activeDiv');
},function(){
var thatH = $(this);
var $li = $('#content .neirong:visible').find('li');
$li.find('h3').removeClass('activeH4');
$li.find('.one').removeClass('activeDiv');
})
}
enterLi()
})
相关推荐
在Web开发中,三级菜单是非常常见的功能,三级菜单的实现可以使用静态的方式,也可以使用动态的方式,基于数据库的三级菜单实现是指使用数据库来存储三级菜单的数据,并使用服务器端语言来实现三级菜单的动态生成。...
在 Web 开发中,三级菜单联动是非常常见的需求,例如在选择学校、专业、班级时,需要三级菜单联动来选择正确的信息。下面我们将介绍如何使用 JSP 结合 JS 实现三级菜单联动。 JSP 介绍 JSP(Java Server Pages)是...
在二级三级页面,或者商城中经常遇到的折叠,很实用,简单两句实现效果,很不错。jquery的简单应用。
未美化的三级下拉菜单,jQurey动态缓冲效果,这是一个常见的三级下拉导航,动感的三级菜单,鼠标放到菜单上,会滑出对应的二级菜单,放在二级菜单上,会继续滑出三级菜单,简约的动画效果让菜单变得更加大气、灵动,...
做页面开发或客户端程序开发,都会碰到几个下拉菜单联动的情况,比如常见的省,市,区三级联动。
在做PHP程序时,经常会遇到设计多级菜单的编程,比如我们常见的三级菜单,首先展示产品的第一级分类,然后展示二级分类,最后再展示产品,这样就构成了三级结构,如果在后台没有一个很好的分类菜单支持,那么去更改...
在做PHP程序时,经常会遇到设计多级菜单的编程,比如我们常见的三级菜单,首先展示产品的第一级分类,然后展示二级分类,最后再展示产品,这样就构成了三级结构,如果在后台没有一个很好的分类菜单支持,那么去更改...
在Android开发中,列表可以说是最常见的了,一般都是使用ListView,当涉及到二维数组时,更多的使用到ExpandableListView,然而当数据结构比较复杂时,就需要使用三级菜单或者更多级的菜单来显示,这就让人比较头疼...
一个实用的多条件筛选菜单,在很多App上都能看到这个效果,如美团,某视频网站电影票,58等。附博客地址:http://blog.csdn.net/z240336124/article/details/50511967
三级联动,微信小程序实例。 做页面开发或客户端程序开发,都会碰到几个下拉菜单联动的情况,比如常见的省,市,区三级联动。 这种下拉菜单该怎样联动?下面一起来看下,以页面开发为例子。
本文将讲述,利用jQuery插件,通过读取JSON数据,实现无刷新动态下拉省市二(三)级联动效果。 HTML 首先在head中载入jquery库和cityselect插件。 [removed][removed] [removed][removed] 接下来,我们在#city中...
11.jQuery支持三级菜单的超酷华丽炫彩动感多级渐显菜单下载 12.jQuery制作登录按钮实现Ajax带状态提示 13.jvalidate无刷新表单验证插件示例下载 14.分享jquery无刷新多功能表单验证插件并漂亮美化表单及错误...
实用JQ实现导航二级菜单效果,导航菜单在网站中非常常见,有的网站可能会出现三级菜单及多级菜单模式,下面我们来简单的实现一个二级菜单的效果。 部分效果截图: 整体代码: <!DOCTYPE html> <html> &...
下拉框常常涉及到级联浮选,为了解决这个问题写了一个最常见省、市、县三级复选的代码, 关键是领会思路。 用JS实现联动
二级联动在开发中是比较常见的一个技术点,它主要运用了JS的局部刷新技术ajax,不同于一般页面全局刷新,它只会刷新我们需要改变值的地方,我们首先看下它的工作流程。 第一步:我们会向后台发送一个请求 第二步:...
自定义控件是根据自己的需要自己来编写控件。安卓自带的控件有时候无法满足你的需求,这种时候,我们只能...功能介绍: 手机界面的底部中央有一个半圆,初始状态显示三级菜单,由外到内分别是第三级菜单,第二级菜单,第
第一种变换形式是:不管点击哪一级菜单都可以打开或者关闭本级菜单,但是不会影响其他级别的菜单: <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <title>jQuery点击...
这里演示的Jquery和CSS共同实现的网页常见的导航菜单,支持两级形式,蓝色风格,最多支持二级,三级可能要对代码进行改造了。本菜单属于中规中矩型,实用性比较强,适合的网站种类也是很多的,希望大家会喜欢。 运行...
电脑常见故障处理大全三,新手多看看申精 这篇文章涵盖了电脑常见故障的处理方法,从基本的IE浏览器问题到系统安装和配置问题,涵盖了多个方面的故障处理方法。下面我们将从中提炼出相关的知识点: 一、IE浏览器...