sppk.net
当前位置:首页 >> Css 鼠标经过文字变透明或隐藏 同时切换背景图片 ... >>

Css 鼠标经过文字变透明或隐藏 同时切换背景图片 ...

这么简单的问题, 这个是CSS设置的, 设置该ID 或者CLASS下 鼠标在上面的时候背景颜色跟字体颜色就行了! a:hover{background:#000;opacity:0.5;color:#fff;display:block;} 这里只是把全部都写在一起了, 具体还要根据你表格的选择器来写! 要...

.box{ width:300px; height:200px; position:relative; background:red; cursor:pointer; }.box .bmbox{ width:300px; height:30px; background:black; position:absolute; bottom:0px; left:0px; display:none; font:12px/30px "宋体"; color:w...

你既然知道文字变色,为什么不能顺带把背景图片换掉? 举个例子你原来的样式 a{color:#000;bakground:url("1.jp")} 文字是黑色,背景图片是1.jpg新加入这一段 a:hover{color:red;background:url("2.jpg");} 鼠标经过时文字变成红色,背景图片变...

你这个没有用到css啊. 要用css可以这样. #div1{width:60px;} div#div1{background:url(3.jpg) no-repeat;} div#div1:hover{background:url(2.jpg) no-repeat;}

通常可以使用css样式的 :hover 选择器, 如示例div1。 也可以使用js来控制css样式,用js可以灵活加入其它效果(延迟显示、随机背景图), 如示例div2。 示例代码: Document.d1{width: 150px;height: 150px;}.d1:hover{ /*在这里使用hover 来改变...

无标题文档 .body{ margin:0px; padding:0px; } .scale{ width:390px; height:250px; position:relative; display:block; } .img1{ margin:50px auto; } .img1:hover{ transition:all .5s ease-in 0s; -webkit-transition:all .5s ease-in 0s; ...

晕。楼主人才呀。 onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100" 你把这2段的样式分为2个class 例如: .testimg{opacity:1;filter:alpha(opacity=100...

有的时候,为了实现一些特殊效果,需要将页面元素变透明,本文介绍的就是用 CSS 实现 Firefox 和 IE 都支持的 Alpha 透明效果。 CSS: filter:alpha(opacity=50); /* IE */ -moz-opacity:0.5; /* Moz + FF */ opacity: 0.5; /* 支持CSS3的浏览器...

使用jquery的toggle方法进行图片切换 $(function(){ $("#h1").toggle(function(){ $("#h1").css("background-image","路径('./20110528073501b54e6.jpg')"); },function(){ $("#h1").css("background-image","路径('./20110607084108740...

使用CSS :hover 伪类可以达到这个效果。 定义和用法 :hover 选择器用于选择鼠标指针浮动在上面的元素。 提示::hover 选择器可用于所有元素,不只是链接。 提示::link 选择器设置指向未被访问页面的链接的样式,:visited 选择器用于设置指向已...

网站首页 | 网站地图
All rights reserved Powered by www.sppk.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com