js鼠标滑入滑出改变css

怎么在鼠标放入 <div class="voxClass-h5-wrap" > 改变css<div class="voxClass-menu clearfix block"style="display:block;"><div class="voxClass-menu-wrap wu" >不用id获取,需要怎么处理 js不是很熟悉

(function($) {

$.fn.huadong = function( obj, obja, time ) {

this.height($(window).height()).css({'position':'absolute', 'top':'0px', 'left' : '0px'}); //首先把最外层的标签对象设置为浮动, 上边为0, 左边也为0

var left = $(obj).width(); //取得左边栏的宽度

$(obj).height($(window).height()).width(0).hide(); //将左边栏的高度设置为浏览器的高度, 宽度为0, 并隐藏掉!这样是为了页面载入的时候初始化

$(obja).click(function(){ //给触发按钮绑定点击事件,也就是鼠标点击触发按钮后执行的动作

$(obj).show().animate({'width':left + 'px'}, time); //把左边栏的宽度设置为原来的宽度并显示出来, 根据设定的时间慢慢展现

});

$(obj).mouseout(function(){ //绑定左边栏鼠标移开事件

$(this).animate({'width':'0px'}, time, function(){ $(this).hide(); }); //又把左边栏的宽度设置为0, 并且隐藏

});

}

})(jQuery);
温馨提示:内容为网友见解,仅供参考
第1个回答  2021-03-16

活动作品如何在一个网页实现登录_注册表单切换?14分钟带你使用CSS+JS实现炫酷滑动切换效果

本回答被网友采纳

js css 鼠标移入某个区域滑出一个框的效果怎么做?
1、输入代码,其中button是鼠标要滑动的地方,滑过button时,class为content的内容就要显示出来,鼠标滑出去的时候,这块内容就需要重新隐藏起来。2、把黑色内容的部分初始状态写成隐藏。只需要在class为content里写上display:none,即可。3、来看下代码和浏览器中的效果。可以看到黑色内容部分已经不见了。4、...

js css 鼠标移入某个区域滑出一个框的效果怎么做?
<!doctype html>鼠标移入显示文本#body1{width:960px; height:auto; margin:20px auto 0px auto}#body1 ul{}#body1 li{float:left; width:239px; text-align:center; height:318px; position:relative}#body1 img{ position:absolute; top:0px; left:5px}#body1 span{display:block; posi...

css+div html 鼠标滑过div里的内容变样式?
1、先在找个文件夹创建文件index.html。2、然后用能编辑文本文件的软件打开index.html,index.html的初始内容如图。3、接着编写两个样式作为鼠标移动时div修改的样式。4、然后编写js代码修改div的样式。5、编辑完index.html后保存,在浏览器中打开index.html。效果如图。鼠标移入移出div时,div的样式改...

css设置鼠标滑过背景变色;鼠标滑过背景变色
在title标签后创建style标签用来给bg类添加样式。在这给bg类设置了一个宽、高和背景颜色。 如图 代码: style type="text\/css" .bg{ width: 150px; height: 150px; background-color: red; } \/style 设置鼠标滑过div时背景变色。给bg样式类添加鼠标滑过:hover,然后设置鼠标滑过时的...

如何用JS来改变CSS属性?
通过js来改变CSS属性,使用jQuery可以很方便的实现,像这样:("img").css('border-color','red');就可以把边框颜色都变成红色。这是针对此问题的测试页面 2、这是3张图片 3、这是图片的样式,边框默认为灰色。img{ max-width

CSS 选项卡中的 Javascript滑动门 下面代码怎么看呢 一句都看不明白拜托...
\/\/执行ChangeTabs函数 ChangeTabs(鼠标移动这个的VALUE) }; uls[i].className = "hidden"; \/\/ID TabsCon 下所有的UL 全部CLASS 为 hidden 应该是隐藏的吧 } lis[order].className = "cur"; \/\/继承刚开始的order 应该为0 的CLASS = cur 应该是当前样式 uls[order].className = "block"...

JS点击左右键滚动中间内容怎么做呢。找了好多案例都不好改
第一种,类似于滑动效果,用强父元素,overflow:hidden了。然后通过点击左右的键,获取当前父元素的宽度,修改父元素css属性的left,注意,position:absolute时left才起作用。第二种就比较简单。就是简单的隐藏,点击左右,隐藏第一屏的信息,再次点击,隐藏第一、第二屏的信息,依次类推,当最后一屏的...

CSS样式 怎样才可以做到鼠标移动到字体下显示有下划线
1、打开html开发工具并创建一个html文件。2、在html页面上找到标记,键入标记,并用标记覆盖内容。3、修改标签的内容,将颜色设置为蓝色。4、将鼠标设置为在标签上滑动,字体下方将变为红色下划线:a:hover {color:red}。

在CSS中如何设置一个按钮鼠标划过变颜色。
1、首先,打开html编辑器,新建html文件,例如:index.html。2、在index.html中的标签中,输入css代码:button {background-color: #00a7d0}button:hover {background-color: #ff7701}。3、浏览器运行index.html页面,此时显示出了蓝色背景颜色的按钮。4、将鼠标移入按钮,此时按钮的背景颜色变成了橙...

HTML中鼠标放上后字的颜色怎么变白
1:使用 js的写法:文字设置初始的颜色为黑色。添加鼠标over事件,当鼠标移动到文字上面时变为白色,当鼠标移走时恢复为原来的颜色。2:使用css 控制的写法为:asdfasdfsdfa{color:#000000;}a:hover{color:#ffffff}

相似回答