li:hover的解决方案 - - ITeye博客

`

leo133845920

浏览: 58251 次
性别:
来自: 南京

最近访客更多访客>>

xray2100

zhangxiaopei

javacky

Arui199

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

Azureym：哥们.你的httpclient呢?
httpclient读取inputstream流
leo133845920： liuborama 写道用自己写的东西是比较会有成就感，我也喜 ...
处女贴...递归遍历文件夹删除文件
liuborama：用自己写的东西是比较会有成就感，我也喜欢。无意冒犯，不过单独就 ...
处女贴...递归遍历文件夹删除文件

li:hover的解决方案

博客分类：

css

Java XHTML HTML

阅读更多

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>li:hover测试</title>
<style type="text/css">
li{event:expression(onmouseover = function(){this.style.backgroundColor='#e3ffc9'},onmouseout = function(){this.style.backgroundColor='#fff'});
}
li:hover{
  background:#e3ffc9;
}
</style>
</head>
<body>
<ul>
	<li>办公家具</li>
    <li>li:hover测试</li>
    <li>li:hover测试：）</li>
</ul>
</body>
</html>

分享到：

span边框显示不全 | java环境变量

2011-04-16 09:45
浏览 1557
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

javascript解决IE6下hover问题的方法.docx: 这种方法不仅适用于 IE6，也可以作为通用解决方案用于其他不支持 `:hover` 的浏览器环境中。此外，为了兼容不同的浏览器环境，还增加了对 `addEventListener` 的支持，确保代码在现代浏览器中也能正常运行。

基于CSS的下拉菜单解决方案的实践.pdf: 【基于CSS的下拉菜单解决方案的实践】在网页设计中，下拉菜单是一种常见的导航工具，尤其对于信息丰富、层次复杂的网站来说，它能够有效地组织和呈现内容。本文主要探讨了利用CSS技术实现下拉菜单的实践方法，并...

IE中伪类hover的使用及BUG: 本文详细阐述了在IE浏览器中使用CSS伪类:hover时的兼容性问题和相应的解决方案。首先介绍了伪类:hover在不同版本CSS标准中的使用规则。在CSS1中，:hover伪类仅限于a元素，并且要求该a元素拥有href属性。然而在CSS2中...

纯CSS UL LI下拉式菜单特效.rar: "纯CSS UL LI下拉式菜单特效"是一个高效且实用的解决方案，尤其适用于那些希望保持页面简洁、避免过多JavaScript交互的网站。这个压缩包提供了一种无需JavaScript就能实现下拉效果的CSS方法，遵循了WEB2.0标准，提高...

纯CSS实现的彩色导航菜单.zip: 在前端开发中，创建一个美观且功能丰富的导航菜单是至关重要的。...这有助于提升网页的加载速度，并优化对移动设备的兼容...它强调了纯CSS解决方案在现代Web开发中的价值，同时也提醒开发者在必要时灵活选择合适的技术栈。

纯css写的二级、三级下拉导航: 在网页设计中，导航菜单是不可或缺的部分，它帮助用户快速浏览和访问网站的不同部分。本文将详细介绍如何使用...不过，需要注意的是，纯CSS解决方案可能需要更复杂的CSS选择器和布局技巧，对初学者来说可能有一定挑战。

纯js+html和纯css+html制作手风琴效果: .list:hover li { width: 107px; } .list li:hover { width: 538px; } .list li p { width: 100%; height: 100%; opacity: 0.5; position: absolute; top: 0px; left: 0px; background: black; opacity: 0...

Css下拉菜单完美版.doc: 本文档“Css下拉菜单完美版”介绍了一个兼容IE6、IE7以及Firefox等浏览器的纯CSS下拉菜单解决方案。通过精心设计的HTML结构与CSS样式，该菜单不仅实现了良好的交互效果，而且能够很好地在不同的浏览器环境下运行。 ...

javascript解决IE6下hover问题的方法: 这个方法虽然有效，但需要注意的是，它依赖于JavaScript，如果用户禁用了JavaScript，此解决方案将不会工作。在现代网页开发中，可以使用渐进增强或优雅降级策略，为不支持JavaScript的浏览器提供基础样式，同时利用...

纯CSS制作二级导航下拉列表: 在网页设计中，二级导航菜单是一种常见的...然而，对于一个简单的导航菜单，纯CSS解决方案已经足够高效。在实际项目中，可以将这些CSS代码整合到你的样式表中，或者通过行内样式或`<style>`标签直接应用到HTML文件中。

多行排列图片时hover上去加边框挤图片的解决方法兼容IE7+: 这时可以尝试以下两种更通用的解决方案： 1. **使用透明边框**：预先为元素设置一个与最终边框等宽的透明边框，这样hover时只需改变边框颜色，而不会改变元素尺寸。例如： ```css li { border: 2px solid ...

非常小巧的JS下拉菜单代码.zip: 综上所述，这个"非常小巧的JS下拉菜单代码"包含HTML结构、CSS样式以及JavaScript交互的实现，为开发者提供了一个简洁高效的下拉菜单解决方案。通过理解和定制这些代码，你可以轻松地将其融入自己的项目中，提升用户...

英文教程：鼠标悬停（hover）效果: 对于这类浏览器，可能需要使用JavaScript或者降级的CSS解决方案来确保悬停效果能正常工作。总的来说，这个教程提供了关于如何使用CSS创建动态鼠标悬停效果的实践指导，这对于提升网页的视觉吸引力和用户体验至关...

二级树形菜单示例：CSS+TreeMenu: 在本示例中，“二级树形菜单示例：CSS+TreeMenu”利用了CSS（层叠样式表）来实现这样的效果，这是一种无JavaScript或JavaScript辅助的解决方案，完全依赖于CSS的力量。 CSS在创建动态和交互式网页元素方面扮演着...

二级树形菜单易懂好用: 二级树形菜单是前端开发中常见的设计模式之一，它结合了HTML、CSS和JavaScript的技术，旨在提供一种直观且节省空间的导航解决方案。通过合理的设计和编程，可以创建出既美观又实用的菜单系统，提升用户的操作体验。...

纯CSS3制作蓝色滑动下拉菜单.zip: "纯CSS3制作蓝色滑动下拉菜单"就是一个利用CSS3技术实现的高效、美观的导航菜单解决方案。这个代码示例无需JavaScript，仅依赖于CSS3的新特性，如伪类、过渡效果和选择器，来实现鼠标悬停时下拉菜单的平滑展开和收起...

HTML+CSS 实现的带阴影的下拉导航菜单: 在实际应用中，可能还需要考虑浏览器兼容性，使用适当的CSS前缀（如 `-webkit-`）和针对旧版本浏览器的解决方案。同时，对于复杂的布局，可以利用Flexbox或Grid布局来简化代码。总的来说，创建一个带阴影的下拉...

多级CSS3下拉菜单导航.zip: 而多级CSS3下拉菜单导航则是实现复杂网站结构时的一种高效解决方案。这种导航设计允许用户在主菜单项下展开子菜单，展示更多的分类或子页面，增强了用户体验。 **HTML5基础** HTML5是现代网页开发的标准，它引入了...

Html5导航栏: "Html5导航栏"这个工具正是基于这一概念，为用户提供了简单易用的顶部导航栏解决方案。在HTML5中，我们不再需要依赖JavaScript或Flash来实现复杂的导航效果，而是可以直接利用内置的语义化标签。例如，`<nav>`标签...

Global site tag (gtag.js) - Google Analytics