码迷,mamicode.com
首页 >  
搜索关键字:纯css    ( 819个结果
纯CSS的jQuery的气泡提示组件
1. [代码][JavaScript]代码 //调用说明//$(selector).bub($(selector) | string[, options]);//示例: $('#demo1').bub('hello, world!');//options 说明//defaults: {// co.....
分类:Web程序   时间:2014-09-17 18:17:52    阅读次数:256
放弃使用jQuery实现动画
在Web开发的圈子里,开发者常常认为CSS动画是一种高性能web动画技术,如果想让网页加载的更快一些,就应该用纯CSS动画。其实这种观点是错误的,很多开发者早就放弃了javascript的动画,迫使自己使用复杂的CSS样式来实现相同效果的UI交互。他们完全忽视了javascript带来的更好的交互性。...
分类:Web程序   时间:2014-09-17 16:57:12    阅读次数:312
下拉选择框select的纯CSS替代方案
这篇教程中,我将给大家展示表单元素下拉选择框select的CSS替代方案。该方法采用css来实现,看上去非常简单。我们用radio标签列表来模拟下拉列表,选择一个radio可以很好的模拟出select中选择一个元素的效果。 一:HTML 下面是我们在form表单里面用到的html代码: .代码  "radio-container">           "...
分类:Web程序   时间:2014-09-10 15:56:50    阅读次数:329
CSS + DIV 让页脚始终底部
原文地址:http://blog.davidqiu.com/post/2013-06-17/40051753968解决方法在解决的时候,我查了相当多的资料。如果用纯 CSS 的话,似乎都指向一种叫 Sticky Footer的方法。不过网上的基本都是抄来抄去,只有代码,没有解释什么的,我就不吐嘈了。...
分类:Web程序   时间:2014-09-09 17:41:59    阅读次数:356
纯CSS实现的右侧底部简洁悬浮效果
纯CSS实现的右侧底部简洁悬浮效果我们见过很多页面右侧浮动效果,最早有QQ联系面板,对联广告等,大多数都是基于Javascript实现的动态效果,今天我给大家分享一个只需要CSS结合DIV实现的右侧浮动效果。在线演示源码下载HTML我们希望悬浮效果最后加载,因此一般将其放置在页面HTML的末尾,我们...
分类:Web程序   时间:2014-09-09 10:43:58    阅读次数:438
CSS3实战开发: 纯CSS实现图片过滤分类显示特效
各位网友大家好,今天我要带领大家开发一个纯CSS的图片分类显示的网址导航,单纯看标题大家可能有些困惑,依照以往惯例,我先给大家演示一下实际运行效果:从上面的运行效果,大家不难发现,当我点击某一菜单时,导航区域会相应高亮显示此分类的图标,而其他图标则会变暗。很多人可能会说,这个这么简单,直接使用jav...
分类:Web程序   时间:2014-09-05 00:55:20    阅读次数:250
纯CSS绘制三角形(各种角度)
我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活,只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用,更多新奇的 CSS 作品涌现出来。今天给大家带来 CSS 三角形绘制方法复制代码 代码如下:#triangle-up {width: ...
分类:Web程序   时间:2014-09-04 14:40:49    阅读次数:173
纯CSS写三角形-border法[基础篇]
纯CSS写三角形-border法[基础篇]注意:所有知识点将不考虑IE6( ̄▽ ̄")在制作如上图所示的三角形时,我们基本采用PNG或GIF图片来实现,这种形式在编写代码时较容易掌握,所以得到普遍制作者的认可。但涉及到后期优化维护的话,就需要不断的修改图片,在图形编辑器和代码编辑器之间来回切换,这无疑...
分类:Web程序   时间:2014-09-04 14:32:40    阅读次数:220
纯CSS写三角形-border法[晋级篇01]
纯CSS写三角形-border法[晋级篇01]注意:所有知识点将不考虑IE6( ̄▽ ̄")(1)有边框的三角形在上一篇完成简单的三角形border法后,我们来写下带边框的三角形。如果是一个正方形,我们写边时,会用到border,但我们这里讨论的三角形本身就是border,不可能再给border添加bo...
分类:Web程序   时间:2014-09-04 14:32:21    阅读次数:223
CSS Transition (变换动画)
最近学习CSS的过程中,发现了不少有用的东西。包括一些神奇的,纯CSS的特效,只需简单的几笔即可完成jQuery实现的效果。CSS 3 中提供了一种属性,Transition(变换),这种属性能够实现在元素的某些属性的数值发生改变时产生过渡的效果。比如长度增加,能产生类似拉长的动画效果;颜色改变时,...
分类:Web程序   时间:2014-09-01 15:28:23    阅读次数:473
819条   上一页 1 ... 75 76 77 78 79 ... 82 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!