网页高手帮我修改段代码

发布网友发布时间：2022-04-21 02:24

共4个回答

懂视网时间：2022-04-21 06:45

.btn{ width:70px; height:22px; background:url(images/btn.png) -0px -0px;color:#ffffff; border:1px solid #DAEEF6;letter-spacing:2px;}
.btn:hover{ background-position:-0px -25px;color:#ffff00}

上面这段代码

在中有效可以鼠标悬停变换背景

在中确无效鼠标悬停后不能变色并且边框效果也不正确

请高手帮忙修改下在也同样做到鼠标悬停变换背景

回复讨论(解决方案)

把input 改成a,加个display:block

我需要的是按钮不是超链接啊·~

自己已解决，还是谢谢一楼的朋友给分

热心网友时间：2022-04-21 03:53

我来回答一下,</head>
<link href="http://tool.alixixi.com/demo/37/37/css/css.css" rel="stylesheet" type="text/css">

<body>
<script src="http://tool.alixixi.com/demo/37/37/js/yu.js" type="text/javascript"></script>
<script src="http://tool.alixixi.com/demo/37/37/js/tb.js" type="text/javascript"></script>
<div align="center">
<div id="MainPromotionBanner">
<div id="SlidePlayer">
<ul class="Slides">
<li><a target="_blank" href="http://www.alixixi.com/"><img src="http://tool.alixixi.com/demo/37/37/images/01.jpg" width="357" height="400"></a></li>
<li><a target="_blank" href="http://www.alixixi.com/"><img src="http://tool.alixixi.com/demo/37/37/images/02.jpg" width="357" height="400"></a></li>
<li><a target="_blank" href="http://www.alixixi.com/"><img src="http://tool.alixixi.com/demo/37/37/images/03.jpg" width="357" height="400"></a></li>
<li><a target="_blank" href="http://www.alixixi.com/"><img src="http://tool.alixixi.com/demo/37/37/images/04.jpg" width="357" height="400"></a></li>
<li><a target="_blank" href="http://www.alixixi.com/"><img src="http://tool.alixixi.com/demo/37/37/images/05.jpg" width="357" height="400"></a></li>
<li><a target="_blank" href="http://www.alixixi.com/"><img src="http://tool.alixixi.com/demo/37/37/images/05.jpg" width="357" height="400"></a></li>
<li><a target="_blank" href="http://www.alixixi.com/"><img src="http://tool.alixixi.com/demo/37/37/images/05.jpg" width="357" height="400"></a></li>
<li><a target="_blank" href="http://www.alixixi.com/"><img src="http://tool.alixixi.com/demo/37/37/images/05.jpg" width="357" height="400"></a></li>
<li><a target="_blank" href="http://www.alixixi.com/"><img src="http://tool.alixixi.com/demo/37/37/images/05.jpg" width="357" height="400"></a></li>
<li><a target="_blank" href="http://www.alixixi.com/"><img src="http://tool.alixixi.com/demo/37/37/images/05.jpg" width="357" height="400"></a></li>
</ul>
</div>
<script type="text/javascript">
TB.widget.SimpleSlide.decoration('SlidePlayer', {eventType:'mouse', effect:'scroll'});
</script>
</div>
<br><br>
</body>
</html>

热心网友时间：2022-04-21 05:11

应该是这样的：

</head>
<link href="http://tool.alixixi.com/demo/37/37/css/css.css" rel="stylesheet" type="text/css">

<body>
<script src="http://tool.alixixi.com/demo/37/37/js/yu.js" type="text/javascript"></script>
<script src="http://tool.alixixi.com/demo/37/37/js/tb.js" type="text/javascript"></script>
<div align="center">
<div id="MainPromotionBanner">
<div id="SlidePlayer">
<ul class="Slides">
<li><a target="_blank" href="http://www.alixixi.com/"><img src="http://tool.alixixi.com/demo/37/37/images/01.jpg" width="357" height="400"></a></li>
<li><a target="_blank" href="http://www.alixixi.com/"><img src="http://tool.alixixi.com/demo/37/37/images/02.jpg" width="357" height="400"></a></li>
<li><a target="_blank" href="http://www.alixixi.com/"><img src="http://tool.alixixi.com/demo/37/37/images/03.jpg" width="357" height="400"></a></li>
<li><a target="_blank" href="http://www.alixixi.com/"><img src="http://tool.alixixi.com/demo/37/37/images/04.jpg" width="357" height="400"></a></li>
<li><a target="_blank" href="http://www.alixixi.com/"><img src="http://tool.alixixi.com/demo/37/37/images/05.jpg" width="357" height="400"></a></li>
<li><a target="_blank" href="http://www.alixixi.com/"><img src="http://tool.alixixi.com/demo/37/37/images/05.jpg" width="357" height="400"></a></li>
<li><a target="_blank" href="http://www.alixixi.com/"><img src="http://tool.alixixi.com/demo/37/37/images/05.jpg" width="357" height="400"></a></li>
<li><a target="_blank" href="http://www.alixixi.com/"><img src="http://tool.alixixi.com/demo/37/37/images/05.jpg" width="357" height="400"></a></li>
<li><a target="_blank" href="http://www.alixixi.com/"><img src="http://tool.alixixi.com/demo/37/37/images/05.jpg" width="357" height="400"></a></li>
<li><a target="_blank" href="http://www.alixixi.com/"><img src="http://tool.alixixi.com/demo/37/37/images/05.jpg" width="357" height="400"></a></li>
</ul>
</div>
<script type="text/javascript">
TB.widget.SimpleSlide.decoration('SlidePlayer', {eventType:'mouse', effect:'scroll'});
</script>
</div>
<br><br>
</body>
</html>

热心网友时间：2022-04-21 06:46

</head>
<link href="http://tool.alixixi.com/demo/37/37/css/css.css" rel="stylesheet" type="text/css">

<body>
<script src="http://tool.alixixi.com/demo/37/37/js/yu.js" type="text/javascript"></script>
<script src="http://tool.alixixi.com/demo/37/37/js/tb.js" type="text/javascript"></script>
<div align="center">
<div id="MainPromotionBanner">
<div id="SlidePlayer">
<ul class="Slides">
<li><a target="_blank" href="http://www.alixixi.com/"><img src="http://tool.alixixi.com/demo/37/37/images/01.jpg" width="400" height="357"></a></li>
<li><a target="_blank" href="http://www.alixixi.com/"><img src="http://tool.alixixi.com/demo/37/37/images/02.jpg" width="400" height="357"></a></li>
<li><a target="_blank" href="http://www.alixixi.com/"><img src="http://tool.alixixi.com/demo/37/37/images/03.jpg" width="400" height="357"></a></li>
<li><a target="_blank" href="http://www.alixixi.com/"><img src="http://tool.alixixi.com/demo/37/37/images/04.jpg" width="400" height="357"></a></li>
<li><a target="_blank" href="http://www.alixixi.com/"><img src="http://tool.alixixi.com/demo/37/37/images/05.jpg" width="400" height="357"></a></li>
<li><a target="_blank" href="http://www.alixixi.com/"><img src="http://tool.alixixi.com/demo/37/37/images/05.jpg" width="400" height="357"></a></li>
<li><a target="_blank" href="http://www.alixixi.com/"><img src="http://tool.alixixi.com/demo/37/37/images/05.jpg" width="400" height="357"></a></li>
<li><a target="_blank" href="http://www.alixixi.com/"><img src="http://tool.alixixi.com/demo/37/37/images/05.jpg" width="400" height="357"></a></li>
<li><a target="_blank" href="http://www.alixixi.com/"><img src="http://tool.alixixi.com/demo/37/37/images/05.jpg" width="400" height="357"></a></li>
<li><a target="_blank" href="http://www.alixixi.com/"><img src="http://tool.alixixi.com/demo/37/37/images/05.jpg" width="400" height="357"></a></li>
</ul>
</div>
<script type="text/javascript">
TB.widget.SimpleSlide.decoration('SlidePlayer', {eventType:'mouse', effect:'scroll'});
</script>
</div>
<br><br>
</body>
</html>