html5怎么设置li向下移,请问如何实现鼠标移到li上改变另一个div的样式

测试

li{list-style: none;}

a{text-decoration: none;color: #000;}

.B li.cursor{background: red;}

.A li{float: left;height: 30px;margin: 0 10px;}

.B li{float: left;height: 30px;margin: 0 10px;}

嘟嘟噜
哈哈哈
移入3
移入4

阿卡林
末日使者
变化3
变化4

$(function(){

$(".A li").mouseenter(function(){

var index=$(this).index();

$(".B li").eq(index).addClass('cursor').siblings().removeClass("cursor");

})

$(".A li").mouseleave(function(){

$(".B li").removeClass('cursor');

})

html5怎么设置li向下移,请问如何实现鼠标移到li上改变另一个div的样式相关推荐

设置润乾报表鼠标移到格子上就显示提示内容
为了达到一定的交互性和易用性,我们一般喜欢将鼠标移动到格子上就能显示出一定的提示信息,比方说这个格子大小固定了但是里面内容超出格子了,这样我们希望鼠标移动过去后能自动提示所有的内容.用润乾报表可以这样 ...
设置div滚动条样式
::-webkit-scrollbar{width:14px;}/*滚动条宽度设置:宽度为0 ,当有滚动条出现的时候则不显示滚动条*/ ::-webkit-scrollbar-track{backgr ...
请问如何在出错后能恢复到改变设置前的状态？
安装了DotNetNuke4.4.0,有时候修改一些设置后发现出错,再刷新后就一直是出错页面了,请问如何在出错后能恢复到改变设置前的状态? 如果你改的是设置文件,如web.config,那改回来就可以 ...
php网页全屏背景图代码,HTML5 body设置全屏背景图片的示例代码
用什么代码实现?不允许有白色底色产生,因为手机高度不一样设计图要标准(750)确认是背景图(通屏底图)应用场景:移动端宣传页面或者活动页面错误的写法:加到div中结合图片设置min-height, ...
html5怎么设置滚动字幕,HTML5如何设置滚动字幕？_惠州网页设计
HTML5怎么设置滚动字幕?惠州北大青鸟学术部老师告诉你. direction表示滚动的方向,值可以zhi是daoleft,right,up,down,默认为left. 此处输入滚动内容 ◎ dire ...
html5字体em,html5字体设置图片生成QQ签名字体样式
特效描述:html5字体设置图片生成 QQ签名字体.html5 canvas字体设置生成图片字体样式,QQ签名字体样式,进击のXX生成器支持字数无限. 代码结构 1. HTML代码内容: 文字背景 ...
openlayers通过overlay html5 css3设置图标闪烁效果
openlayers通过overlay html5 css3设置图标闪烁效果 http://www.giserdqy.com/gis/opengis/ol4/115
html5中设置省略号颜色,CSS3中text-overflow实现文章标题带省略号的显示效果（代码实例）...
本文目标: 1.掌握文本带省略号的显示效果问题: 1.实现以下效果,要求使用纯DIV+CSS,不适用任何框架附加说明 1.总体宽度是500px,在页面中居中显示 2.标题字体大小是22px,其他字 ...
HTML5 canvas 设置背景图
页面代码如下 <!DOCTYPE html> <html><head><meta charset="utf-8"><title ...

html5怎么设置li向下移,请问如何实现鼠标移到li上改变另一个div的样式

html5怎么设置li向下移,请问如何实现鼠标移到li上改变另一个div的样式相关推荐

最新文章

热门文章