krfs.net
当前位置:首页 >> Css图片响应悬停效果 >>

Css图片响应悬停效果

#m_blog a img{filter:gray(enabled=0)} #m_blog a:hover img{filter:gray(enabled=1)} a:hover {text-decoration:underline; position:relative; left:1px; top:1px; clip:rect( );}

你要什么特效?a:link {color: #ff0000}/* 未访问的链接 */a:visited {color: #00ff00}/* 已访问的链接 */a:hover {color: #ff00ff}/* 鼠标移动到链接上 */a:active {color: #0000ff}/* 选定的链接 */a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的.a:active 必须被置于 a:hover 之后,才是有效的.

dreamweaver中可以自动设置的 工具栏中 “插入”-“图片对象”-“鼠标经过图片” 如果是用CSS实现的话,可以在需要设置动态效果的标签中使用伪类:hover 具体怎么用,就看你对CSS的掌握程度了. PS:该方法不适用于IE6,其他的可以. 再有就是用JavaScript来实现了. 对于初学者的话,直接用Dreamweaver来实现比较容易.后面两种方法涉及到的东西比较多.

哈哈 我的也上了 ??你直接给我留言不就行了..哈 这是第二个的代码..加进去就OK了A IMG { FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=100,finishopacity=0,style=2)}A:hover IMG { FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=100)}

是鼠标经过 时 更换样式的话, 2种方案,1. 使用 :hover 选择器 在css中进行设置;2.就是使用js的onmouseover 事件,进行设置鼠标经过时的样式. 如果哪里不明白可以追问我!

css有优先级啊,或者你的代码写错了啊

img:hover{}设置宽高属性,比默认情况大就行.注意与周围元素的协调,避免放大后布局错乱.不过这类行为范畴的东西最好交由JS来完成.还有就是IE6对元素伪类支持不好,hover有bug.测试的时候要注意.

首先把a 区块化,然后给定a 一个宽高,比如:a{ display:block; width:100px; height:100px; }a:hover{ background:图片 no-repeat; }

以上需要的文件及图片 <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> /* 公用 */ body{ margin:0; overflow:hidden;} img{ display:block;} span{ display:block;} a{ text-decoration:none; display:block; color:#

本文实例讲述了纯CSS实现鼠标悬停提示的方法.分享给大家供大家参考.具体分析如下: 这是一款比较漂亮的鼠标悬停提示效果,用纯CSS代码实现,鼠标放到图片上会显示一个层,也就是悬停时的提示,在这个提示框内你还可以加入图片或是一个列表,这就靠你的发挥了,提示框的背景颜色和文字颜色你都可以自己调. 代码如下: 鼠标悬停提示效果 欢迎经常光临! 希望本文所述对大家的div css网页设计有所帮助.

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