码迷,mamicode.com
首页 >  
搜索关键字:纯css    ( 819个结果
JS实现鼠标经过用户头像显示资料卡的效果,可点击
基于项目的须要。须要制作出例如以下的一种页面效果:当用户鼠标经过好友列表中好友头像时,显示该好友的基本资料。事实上也就是类似QQclient的那种功能。 网上找了非常多代码,基本都实现了鼠标悬浮之后弹出div,离开之后立即就消失了。还有些纯CSS的代码实现了这种效果,可是对我没用,我须要...
分类:Web程序   时间:2015-12-18 22:30:55    阅读次数:815
如何使用CSS实现小三角形效果
如何使用CSS实现小三角形效果:建议:尽可能的手写代码,可以有效的提高学习效率和深度。在众多的网页效果中,都有小三角形效果的应用,能够增加特定应用的美观度,下面就给出一段实例代码,里面介绍了两种实现小三角头效果的方式。代码如下:三种纯CSS实现三角形的方法 border 属性实现 ◆ 字...
分类:Web程序   时间:2015-12-14 18:34:17    阅读次数:145
用border做纯CSS的三角形
分类:Web程序   时间:2015-12-14 18:16:59    阅读次数:146
如何使用CSS实现小三角形效果
如何使用CSS实现小三角形效果:建议:尽可能的手写代码,可以有效的提高学习效率和深度。在众多的网页效果中,都有小三角形效果的应用,能够增加特定应用的美观度,下面就给出一段实例代码,里面介绍了两种实现小三角头效果的方式。代码如下:三种纯CSS实现三角形的方法 border 属性实现 ◆ 字...
分类:Web程序   时间:2015-12-14 10:44:15    阅读次数:130
footer贴底的纯css实现方法
页面内容少时,footer跑到屏幕中间戳着是很难看的。用fixed吧,在内容多的时候又想它不要一直出现在屏幕下方,毕竟它不是那么重要。那么两全其美的办法是怎样的呢?html代码 这是头部 这是正文 这是尾部css代码html,body{margin:0;padding:0;heig...
分类:Web程序   时间:2015-12-07 12:09:23    阅读次数:352
图片轮播(bootstrap)与 圆角搜索框(纯css)
1 2 3 4 5 6 7 8 图片轮播+底部居中搜索框 9 10 11 12 13 14 ...
分类:Web程序   时间:2015-12-03 13:50:14    阅读次数:807
CSS鼠标点击式变化图片透明度
今天分享前端代码主题:jequery控制css图片透明度很多时候在网站图片处理上需要实现一些辅助效果,比如鼠标在图片上滑动时或点击时改变图片颜色(变灰或者其他),其实一个简单的办法就是改变图片css透明度属性。如何改变呢?一种是纯css,一种使用jquery或者javascript代码控制。第一种使...
分类:Web程序   时间:2015-11-27 19:24:31    阅读次数:198
用纯css改变下拉列表select框的默认样式(不兼容IE10以下)
在这篇文章里,我将介绍如何不依赖JavaScript用纯css来改变下拉列表框的样式。事情是这样的,您的设计师团队向您发送一个新的PSD(Photoshop文档),它是一个新的网站的最终设计。一切看起来很好,很正常,直到你看到他/她设计的一个选择下拉框跟浏览器默认提供的样式有些不同!你说:“这没办法...
分类:Web程序   时间:2015-11-25 22:11:59    阅读次数:155
关于侧边栏固定广告
关于各类浮动的侧边栏小广告的实现.纯css的方式实现:主要在于position属性中的fixed,固定侧边,在设置方位后,就能始终处于页面左侧或者右侧.这是最简便的实现方式.但是又一个兼容性的问题,就是在ie6下是无法设置的.所以需要一些额外.fixed{ position:fixed; ...
分类:其他好文   时间:2015-11-19 12:55:35    阅读次数:120
使用纯CSS设计网页下拉菜单代码
分享一个纯CSS写的下拉菜单代码,结构非常简单,代码十分清晰,HTML+CSS下拉菜单代码。HTML代码部分:在线预览>>HomeAbout UsThe TeamHistoryVisionProductsCozy CouchGreat TableSmall ChairShiny ShelfInvis...
分类:Web程序   时间:2015-11-17 12:52:48    阅读次数:163
819条   上一页 1 ... 52 53 54 55 56 ... 82 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!