鼠标经过图片显示边框css设置 参考鼠标经过一个链接显示下划线:[code]a.doubleLeft:hover { text-decoration:underline; }[/code]先设置一张图片的初始属性:[code].pcStyle { border: 2px solid #FFFFFF; margin: 1px; height: 79px; }[/code]再设置鼠标经过时的属性:[code]img.pcStyle:hover { border: solid 2px #FAAF50; margin: 1px; height: 79px; }[/code]
by feiyang10086 - Web开发 - 2011-11-18 17:21:19 阅读(1291) 回复(0)
JS+css控制鼠标移上图片滑出文字提示代码 代码简介: 本效果演示了一个响应鼠标的提示功能,鼠标移上图片后会滑出一个带背景的提示框,用css去控制它的大小和样式,用JS去控制它的滑出和速度,图文混排的时候这个能用得上。 代码内容: View Code[code]
JS+css控制左右切换鼠标可控的无缝图片滚动代码 代码简介: 以前见过这种效果,但是是基于FLASH技术,现在是纯用JS实现的,代码有点多,不过效果还不错,实际上它也是一个图片滚动,只不过它完全是用鼠标点击控制的,也就是说鼠标不点击的时候它是静止的,每点一下向后移动一个图片,无缝衔接,如些循环。 代码内容: View Code[code]
JS+css控制左右切换鼠标可控的无缝图片滚动代码 代码简介: 以前见过这种效果,但是是基于FLASH技术,现在是纯用JS实现的,代码有点多,不过效果还不错,实际上它也是一个图片滚动,只不过它完全是用鼠标点击控制的,也就是说鼠标不点击的时候它是静止的,每点一下向后移动一个图片,无缝衔接,如些循环。 代码内容: View Code[code]
用css的overflow属性实现鼠标经过放大缩略图代码 代码简介: 鼠标滑过图片显示缩略图,看上去这个特效很惹人喜欢,闲来无事,在研究css,在网上见到类似的效果,又修改了一下,基本实现了鼠标经过缩略图放大图片的功能,主要是运行了css的overflow属性,有兴趣的朋友仔细研究一番吧。 代码内容: View Code[code]
RT! 表格是导航菜单中的一部分。有的表格内就俩字。现在为了实现鼠标指针一放入表格内,就能实现表格变色效果。 并且在表格内点击一下,就能跳到指定页面中,而不是必须点指定的文字。求问用css如何实现这个效果?? 请指点一下,谢谢!!:mrgreen:
css [code]@charset "gb2312"; /* css Document */ body{ font-size:16px; font:宋体; } #divAll{ width:930px; text-align:left; margin:0 auto; } #top{ } #header{ background:RGB(46,142,210); height:60px; width:910; text-align:left; clear:both; font-family:Arial, Helvetica, sans-serif; font-size:40px; padding-top:10px; padding-left:20px; } #content{ width:100%; text-align:left;...
转自:http://bbs.yuyadong.com/read.php?tid=1175
在当今网页设计/开发实践中,使用css来为语义化的(X)HTML标记添加样式风格是重要的关键。在设计师们的梦想中都存在着这样的一个完美世界:所有的浏览器都能够理解和适用多有css规则,并且呈现相同的视觉效果(没有兼容性问题)。但是,我们并没有生活在这个完美的世界,现实中发生的失窃却总是恰恰相反,很多css样式在不同的浏览器中有着不同的解释和呈现。 当今流行的浏...
css Float 1.元素float后,脱离文档流,同时也脱离包含它的容器(无论外面的容器有几层),在原文档中,它们的原位置会被让出,就好像它们从来没有存在过一样,其它元素会来填补这个被让出的空白。然后所有的float元素对于非浮动元素来说相当于在一个新文档中按照各自的顺序、浮动的位置和文档所给予的空间是否足够进行位置排列,因此它们会覆盖非浮动元素。 Ps:IE6中,如果容器没有设置height属性,那么float元素会脱离该...