想把下面这个css代码改写成行内样式。求高手。如能讲解一下鼠标事件行内样式所有的代码以及含义就更好了
<!DOCTYPEhtml><html><head><style>div{width:100px;height:100px;background:yellow;trans...
<!DOCTYPE html>
<html>
<head>
<style>
div
{
width:100px;
height:100px;
background:yellow;
transition:width 2s;
-moz-transition:width 2s; /* Firefox 4 */
-webkit-transition:width 2s; /* Safari and Chrome */
-o-transition:width 2s; /* Opera */
}
div:hover
{
width:300px;
}
</style>
</head>
<body>
<div></div>
<p>请把鼠标指针放到黄色的 div 元素上，来查看过渡效果。</p>
<p><b>注释：</b>本例在 Internet Explorer 中无效。</p>
</body>
</html> 展开
<html>
<head>
<style>
div
{
width:100px;
height:100px;
background:yellow;
transition:width 2s;
-moz-transition:width 2s; /* Firefox 4 */
-webkit-transition:width 2s; /* Safari and Chrome */
-o-transition:width 2s; /* Opera */
}
div:hover
{
width:300px;
}
</style>
</head>
<body>
<div></div>
<p>请把鼠标指针放到黄色的 div 元素上，来查看过渡效果。</p>
<p><b>注释：</b>本例在 Internet Explorer 中无效。</p>
</body>
</html> 展开
1个回答
展开全部
<div style="cursor:pointer;width:100px;height:100px;background:blue;transition:width 2s;" onmouseout="this.style.width='100px'" onmousemove="this.style.width='300px'"></div>
手形，宽100，高100，背景蓝色，鼠标移上去宽度增加至300，时间2秒，速度与曲线默认；离开后减少至100.
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
