码迷,mamicode.com
首页 >  
搜索关键字:纯css    ( 819个结果
简单的单级下拉菜单实现
效果预览这里用纯CSS实现一个简单的单级下拉菜单,鼠标划过菜单标题时显示下拉菜单。基本思路在菜单处于光标之下时显示菜单,其余时候隐藏。这个过程首先得想到 :hover 伪类来实现,但是直接的利用伪类还不行,因为普通状态下菜单隐藏了,没办法触发 :hover ,不过下拉菜单隐藏了不是还有菜单标题么,菜...
分类:其他好文   时间:2014-07-19 11:19:34    阅读次数:210
鼠标提上去弹出提示层(定位)
希望的效果如图:网上找了各纯css的做了下修改:代码如下:<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <style> .logo1{ width:150px; height:60px; float:left } a.alt{ position:relative; backgr..
分类:其他好文   时间:2014-07-17 10:55:57    阅读次数:231
css导航栏下拉菜单代码【转自http://zxm.92.blog.163.com/blog/static/544600282010727112723874/】
纯CSS的下拉菜单,支持IE6 IE7 Firefox CSS教程 WEV标准 技术文章 布局实例 教程专题 艺术欣赏 ...
分类:Web程序   时间:2014-07-15 09:04:03    阅读次数:267
纯CSS写了个魅族 M8 手机界面
CSS MEIZU M8 by xiong_li_bing@qq.com中国移动01:2506月06日星期日css魅族M8 by 若寒
分类:移动开发   时间:2014-07-14 23:30:07    阅读次数:318
CSS+JS下拉菜单和纯CSS下拉菜单
一、CSS+JS下拉菜单原理:一级菜单的li中包含二级菜单ul。在鼠标没有移上去时,二级菜单的ul是display:none的状态,鼠标一移上去变成display:block。改变这个display属性值是通过JS来实现。鼠标hover时,把整个二级菜单的ul给display出来,用到的事件onmo...
分类:Web程序   时间:2014-07-12 00:11:19    阅读次数:317
HTML5 纯css圆角代码
河北礼品公司我是一只怎么也飞不动的小鸟~请使用火狐或Chrome测试!
分类:Web程序   时间:2014-07-11 19:42:35    阅读次数:177
纯CSS打造忙碌光标
我们经常会用到忙碌等待的情况,比如ajax等待回调,或者加载页面的时候,我们通常的做法就是放一张loading.gif图片,在那里转呀转。以前是在pc上用,也没有觉得不妥,如今要在移动端用,问题就来了,以前呢,做前端,兼容各种浏览器,就够让人头疼了,现在还要兼容各种屏幕尺寸。开始呢,是做了N张不同大...
分类:Web程序   时间:2014-07-09 18:56:56    阅读次数:224
纯CSS创建多层级的目录菜单栏
本着不想写javascript的出发点,单纯靠css实现多层子菜单结构。通过网上翻阅资料,亲手尝试了一下代码,可实现预期效果。关键技术:whatever:hoverul{display:block}先通过ul标签把3层子菜单结构固定<ulid="menu"class="dropdown"> <li> <aclass="dir"href="#"&..
分类:Web程序   时间:2014-07-08 08:01:52    阅读次数:346
纯css实现鼠标感应弹出二级菜单
广告代码 纯css实现鼠标经过弹出红色二级菜单 站长特效网站长特效网,以质量为核心,以实用为目的,打造一流网页特效站!zzjs.net,站长js特效。 站长特效一号 一号菜单一 一号菜单二 一号菜单三 一号菜单四 一号菜单五 一号菜单六 一号菜单七 一号菜单八 一号菜单九 站长特效二号 二号菜单一 ...
分类:Web程序   时间:2014-07-05 22:40:28    阅读次数:223
支持多种浏览器的纯css下拉菜单
支持多种浏览器的纯CSS下拉菜单,sky整理收集。">站长特效网,站长必备的高质量网页特效和广告代码。zzjs.net,站长js特效。 XHTML/CSS 标准 ...
分类:Web程序   时间:2014-07-05 21:36:37    阅读次数:173
819条   上一页 1 ... 78 79 80 81 82 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!