2019独角兽企业重金招聘Python工程师标准>>>

<div id="opp" class="one">
  <ul>
   <li οnmοuseοver="changeBg(this)"><a href="#" target="_blank">商品名称</a></li>
   <li οnmοuseοver="changeBg(this)"><a href="#">商品详细信息</a></li>
   <li οnmοuseοver="changeBg(this)"><a href="#">商品价格</a></li>
   <li><a href="#">商品原价</a></li>
   <li><a href="#">已卖出数量</a></li>
  </ul>

</div>

js部分:

function changeBg(obj)
{
var Pobject=obj.parentNode;
var Cobj= Pobject.childNodes;
for(var i=0;i<Cobj.length;i++)
{                       
Cobj[i].className=''
}
obj.className="changeBg";
}

转载于:https://my.oschina.net/glelaine/blog/28889

li:hover背景色相关推荐

  1. html怎么实现单个li效果,JS+CSS实现的一个li:hover效果

    Codemoz! 会员信息修改的部分用到了这个效果,说难不难.要点是li:hover(IE6下使用JS模拟),CSS sprite.效果见下图: HTML部分: 原始密码: 新的密码: (密码长度为6 ...

  2. html对li设置背景色,更改li上的背景颜色:visited

    我有一个标签页,我想在访问标签时应用不同的背景颜色.我怎样才能做到这一点?更改li上的背景颜色:visited 下面是代码: HTML: Tab One Tab Two Tab Three This ...

  3. IE6不支持hover赋予css样式的解决方法 如div:hover li:hover支持

    转载,请注明文章出处和来源网址:http://www.divcss5.com/css-hack/c528.shtml 转载于:https://www.cnblogs.com/hFannie/p/442 ...

  4. css 的 hover属性详解

    css 的 hover 属性是一种伪类选择器,它可以用来在鼠标悬停在某个元素上时改变该元素或其子元素.同级元素.相邻元素的样式 .hover 属性可以应用于任何元素,不仅仅是链接 .使用 hover ...

  5. ireport如何给static text加边框_html amp;amp; css 解决li浮动边框为2的问题

    html && css 解决li浮动边框为2的问题 思路 问题:首先,li 浮动后,添加边框,则 中间 li 的边框会形成 1+1=2 的效果,1px的边框会变成2px.(例:分页模块 ...

  6. CSS实现某元素hover时 所有兄弟节点样式改变

    2019独角兽企业重金招聘Python工程师标准>>> css 提供的兄弟节点选择器有两种 第一种:+  相邻兄弟选择器( li + li )只能选择与自己紧紧相连的身后的一个兄弟, ...

  7. li在ie6 、ie7里莫名其妙的出现几px的margin

    可能因为li里放有绝对定位的div 和浮动标签的缘故,li在ie6和ie7里 底部出现几像素的mqrgin值,郁闷老久!后来加上下面两句才搞定! *html .treeUl li{margin-bot ...

  8. JQuery利用css()修改样式后 hover失效的解决办法

    执行完代码后发现写在样式表中的hover效果失效,改了好几遍差点重新写函数,后来发现很简单,是优先级的问题,css()中的内容覆盖了之前的样式 只需要在样式后写!important即可解决! 1 .f ...

  9. vue图片点击超链接_vue使用v-for实现hover点击效果

    使用Vue来实现鼠标悬停效果.可以使用事件处理器v-on指令(简写为:@)来完成.为标签绑定mouseenter以及mouseleave事件即可. hover是css中的选择器,用于选择鼠标指针浮动在 ...

最新文章

  1. [Unity3D]Unity3D连衣裙实现游戏开发系统
  2. linux 给文件夹权限
  3. python程序编程千分符号怎么输入_教你用Python来玩“微信跳一跳”瞬间千分……已开源...
  4. php html区别_php与html区别
  5. java并发编程面试
  6. 螃蟹为什么横着走,今天为大家介绍为什么螃蟹横着走
  7. 实战 SQL!金融机构可疑支付交易的监测 | 原力计划
  8. BZOJ-4008: [HNOI2015]亚瑟王 (概率期望DP)
  9. pip安装python依赖成功,pycharm中import出错
  10. 同程容器云平台网络方案演进
  11. Webx.0-Web2.0:Web2.0
  12. Windows系统资源监控工具perfmon
  13. 点击 进入 QQ临时会话 界面
  14. 乘云而上,易捷行云入选“2020中国企服行业独角兽TOP50”
  15. 计算机视觉经典论文的参考论文目录
  16. python有道字典_【Python】Python利用有道翻译开发API应用示例
  17. 【matlab】 动态绘制三维心形图
  18. 头歌 共享单车大数据项目数据分析
  19. java面试笔试题50道及答案
  20. Hadoop/Hive-学习笔记【中级篇】

热门文章

  1. linux追踪tomcat报错信息,linux下tomcat服务的启动、关闭与错误跟踪
  2. java语言显示运算时间_JAVA语言之ACM日期计算:输入一个日期,格式如:2010 10 24 ,判断这一天是这一年中的第几天...
  3. 利用ESP32驱动控制步进电机驱动器:MS2806
  4. 图片视角转换 cv2.warpPerspective
  5. 自己珍藏一些有趣的Python子程序
  6. 2021年春季学期-信号与系统-第十五次作业参考答案-第三小题参考答案
  7. 几款黄色LED的反相电流测量以及检测PCB制作要求
  8. 全国高校大学生竞赛质量提升工作推进会
  9. 华工智能车队--这里有一群热爱智能车的人
  10. 描述Linux的虚拟化实现,Linux中实现虚拟化的四种常用方法