用CSS 怎么做这个按钮转换,
html的话不能实现,需要用到js, 或者你可以用a:hover .
css是没有点击效果的,所以没法只通过css来实现图片互换,可以实现鼠标移上去背景图互换,使用:hover,li{background:none;} li:hover{background:red;}。
点击效果必须使用js,当点击时,更改class。
<style>
span{color:#fff; }
.cur{background: #fff;border-radius: 10px;color:#6FB3B5; }
</style>
<div style="width:200px;height: 50px;background:#54BCEF;margin: 0;position: relative;">
<div style="width:180px;height:30px;position: absolute;top:10px;left:10px;background: #6FB3B5;border-radius: 10px;">
<span style="width:90px;height: 30px;float: left;text-align: center;line-height: 30px;" class="cur">1</span>
<span style="width:90px;height: 30px;float: left;text-align: center;line-height: 30px;" >2</span>
</div>
</div>
你用JS写一个方法,点击哪一个span,哪个span就有className为cur
文固乙肝: 有3种方法,一种是用css的a:hover来实现; 二用javascript函数,onmouseover=function(); 三用按钮改为FLASH按钮;
道外区13965882079: css html 怎么样让一个图像按钮 按一下能换一张图片表示这个按钮按过了...给一下代码做个例子.. - ?
文固乙肝: <head><title>无标题页</title><script type="text/javascript">function imgclick(){var img=document.getElementById("img1");img.src="img/u0.jpg";}</script> </head> <body> <img id="img1" style="cursor:pointer" onclick="...
道外区13965882079: html里的一个按钮 我要按下去后 替换成另一个按钮的效果 怎么在css样式里实现这个效果 - ?
文固乙肝: 因为是这样的 你的css对hover的设定是#button a:hover 也就是id为button内的超链 但是你真正想实现效果的是button 所以应该这么写css: #button:hover 也就是#button的hover 而不是a的hover :)
道外区13965882079: 【转贴】如何利用CSS创建一个漂亮的按钮 - ?
文固乙肝: 对于这一点,我们就用心爱的滑动门技术;两个互补图片所创造出来的幻觉,一个默认的,一个点击时出现的.我们的按钮,将是一个基本的标签嵌套和 ,然后给每一个不同的层指定不同的背景图像.下面是HTML代码:Bring world peace接着...
道外区13965882079: 两个按钮来回切换怎么用css完成 - ?
文固乙肝: css是没有点击效果的,所以没法只通过css来实现图片互换,可以实现鼠标移上去背景图互换,使用:hover,li{background:none;} li:hover{background:red;}. 点击效果必须使用js,当点击时,更改class.
道外区13965882079: 如何用 CSS 绘制按钮? - ?
文固乙肝: 一般有三种方法: <ol><li>Button标签直接使用CSS定义样式,优点是立体感、有按下状态,缺点是样式单一、各浏览器下显示效果不一致. </li><li>a标签+背景图片+滑动门技术,优点是可实现多种视觉效果,缺点是采用滑动门技术会导致背景图片过大. </li><li>a标签直接使用CSS3绘制,优点是在保证视觉效果的基础上大大减少了背景图片的使用,缺点是部分浏览器不兼容.</li></ol>
道外区13965882079: 请问如何使按钮当鼠标经过是,自动变换图像,当然在HTML当中实现.尽量少用JS,我用CSS,做了很多,但都实 - ?
文固乙肝: 你这个<input>中用了class="mid_btm",那么你在css里要这样写:.mid_btm{ width:120px; height:30px; background:url(xxx.jpg) no-repeat; }.mid_btm:hover{ background:url(yyy.jpg) no-repeat; } 上面两句就实现了你的按钮是图片显示,并且鼠标经过时,变换成另一张图片.其中鼠标经过时变换图片的css是第二句,即后面加一个:hover,代表鼠标划过的动作.
道外区13965882079: 求助:怎么实现css中—鼠标单击按钮后按钮换图片的效果 - ?
文固乙肝: 光用css是不能够实现这样的功能的,要配合JavaScript.你的按钮是用的背景图片吗?那样的话你需要写一个按钮的clik事件,然后实现这个按钮变化css样式.以下代码供你参考: <html> <head> <style> .a { background:#F00; } .b { background:...
道外区13965882079: css实现iPhone的切换按钮 - ?
文固乙肝: 1. 新建一个页面,如下图.2. 把checkbox藏起来,切换按钮主要用label实现.给label加上适当的css属性3. 给label加上before和after伪类.before作为下面的横槽,after作为切换的圆按钮 先给label加上定位的css#chk-toggle + label:before,#chk-...
道外区13965882079: 如何设置按键转换背景颜色?如http://www.114la.com/tool/wnl.htm一样 - ?
文固乙肝: 设定几个不同颜色的css..然后当按钮点哪个调用哪个css就可以实现此效果..而且使用js更好.页面不必刷新.直接换颜色..代码如下.直接把转换颜色写在Cookies中..function changeColor(colStr,obj) { var linkObj = document.getElementsByTagName("link"); for (i=0;i