登入
|
停止注册
开启辅助访问
设为首页
收藏网址
扫一扫关注微信
主页
Portal
版块
BBS
兴趣
Group
帮助
Help
专辑
Collection
了解社区
关于我们
租賃視界社區
»
版块
›
兴趣
›
電算技術
›
程序编码
›
JavaScript
›
Javascript 案例:鼠标经过时改变<li>的背景色的代 ...
Javascript 案例:鼠标经过时改变<li>的背景色的代码
[复制链接]
1099
0
坤FL
版块管理
2024-3-26 02:22
|
查看全部
HTML部分代码:
<ul>
<li>鼠标经过时改变背景色</li>
<li>鼠标经过时改变背景色</li>
<li>鼠标经过时改变背景色</li>
<li>鼠标经过时改变背景色</li>
</ul>
复制代码
Javascript部分代码:
当鼠标经过时,给li添加class="current"类,鼠标离开时,去除该类,达到改变背景色的目的.
window.onload = function() {
var lis = document.getElementsByTagName("li");
for (var i=0; i<lis.length; i++) {
lis[i].onmouseover = function() {
this.setAttribute("class", "current");
}
lis[i].onmouseout = function() {
this.setAttribute("class", "");
}
}
}
复制代码
CSS部分代码:
ul li.current {
background-color:red;
cursor:pointer;
}
复制代码
上面的代码,主要是方便大家更多的认识js,下面提供一个css实现的版本。
<style type="text/css"> ul li:hover { background-color:red; cursor:pointer; } </style> <ul> <li>鼠标经过时改变背景色</li> <li>鼠标经过时改变背景色</li> <li>鼠标经过时改变背景色</li> <li>鼠标经过时改变背景色</li> </ul>
复制代码
Javascript
相关帖子
JavaScript - The Definitive Guide 2006 5e (David Flanagan)
学习JavaScript的经验和步骤
用 html/javascript/css 做个人网站(包含个人简介、简历、联系方式)
有志和有钱者事竟成<諺>志さえあれば必ず成功する
举报
回复
返回列表
论坛元老
论坛联合创始人
回复
转播
评分
分享
搜索
帖子
用户
热搜:
融资租赁
金融租赁
资产证券化
财务分析
风险
税务
银行
热门版块
社区工具
外国語
数学版
侦查学
法学版
热力设备融租
造纸印刷融租
投资学
计算机
统计学
股票基金研习
查看社区所有版块>>
投票调查
社区任务
我的收藏
购物中心
我的文辑
我的好友
参与活动
我的勋章
我的悬赏
我的投票
我的群组
我的话题
研究报告
融资租赁行业2023年回顾与2024年展望
联合资信主要观点: 2023年10月下发了金融租赁公司管理办法,体现了监管机构对
2023年租赁业调查报告(毕马威)
毕马威连续第5年发布租赁业调查报告。本刊结合租赁行业热点话题提供专业洞察,并汇总
2021年度融资租赁业调查报告
2021年度融资租赁业调查报告 下载地址:原链接
2021年融资租赁行业信用风险展望
一、融资租赁行业 2020 年信用风险回顾 1.信用等级迁移及风险事件回顾 202
《金融租赁行业发展报告(2007-2017)》
金融租赁行业发展报告(2007-2017) 《报告》主体内容分为导言、发展篇、环境篇、资产
更多
精华推荐
法律尽职调查指要
产业金融之脱虚向实下的融资租赁供给侧改革
2018年新租赁会计准则修订的内容整理
制造业项目尽职调查报告样本范例(适用于制
金融租赁公司产品手册(研究资料)
汽车租赁证券化:深化汽车金融服务正当时
营改增如何影响融资租赁业: 政策效应与适
融资租赁行业2014年度报告-租赁三十人论坛
更多
社区同学
坤FL
ejoty
更多
客服中心
Admin@tjrzzl.com
周一至周日 10:00-22:00 仅收市话费
站内客服
头条微博
邮件咨询
站务议事
关注我们
加入QQ群组
关注官方微信
关于我们
关于我们
友情链接
联系我们
帮助中心
运营理念
注册说明
获取硬币
服务说明
社区规范
免责声明
账户安全
关注我们
官方微博
官方空间
官方微信
电子邮局联系
周一到周八 10:00-22:00 [全年不休假]
7x24小时在线客服
移动版
禁言
关于
网站地图
-
全球融资租赁领域的联结者
|
津ICP备14004695号
| 津公网安备12011102000780号
快速回复
返回顶部
返回列表