效果预览这里用纯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的下拉菜单,支持IE6 IE7 Firefox CSS教程 WEV标准 技术文章 布局实例 教程专题 艺术欣赏 ...
分类:
Web程序 时间:
2014-07-15 09:04:03
阅读次数:
267
CSS MEIZU M8 by xiong_li_bing@qq.com中国移动01:2506月06日星期日css魅族M8 by 若寒
分类:
移动开发 时间:
2014-07-14 23:30:07
阅读次数:
318
一、CSS+JS下拉菜单原理:一级菜单的li中包含二级菜单ul。在鼠标没有移上去时,二级菜单的ul是display:none的状态,鼠标一移上去变成display:block。改变这个display属性值是通过JS来实现。鼠标hover时,把整个二级菜单的ul给display出来,用到的事件onmo...
分类:
Web程序 时间:
2014-07-12 00:11:19
阅读次数:
317
河北礼品公司我是一只怎么也飞不动的小鸟~请使用火狐或Chrome测试!
分类:
Web程序 时间:
2014-07-11 19:42:35
阅读次数:
177
我们经常会用到忙碌等待的情况,比如ajax等待回调,或者加载页面的时候,我们通常的做法就是放一张loading.gif图片,在那里转呀转。以前是在pc上用,也没有觉得不妥,如今要在移动端用,问题就来了,以前呢,做前端,兼容各种浏览器,就够让人头疼了,现在还要兼容各种屏幕尺寸。开始呢,是做了N张不同大...
分类:
Web程序 时间:
2014-07-09 18:56:56
阅读次数:
224
本着不想写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实现鼠标经过弹出红色二级菜单 站长特效网站长特效网,以质量为核心,以实用为目的,打造一流网页特效站!zzjs.net,站长js特效。 站长特效一号 一号菜单一 一号菜单二 一号菜单三 一号菜单四 一号菜单五 一号菜单六 一号菜单七 一号菜单八 一号菜单九 站长特效二号 二号菜单一 ...
分类:
Web程序 时间:
2014-07-05 22:40:28
阅读次数:
223
支持多种浏览器的纯CSS下拉菜单,sky整理收集。">站长特效网,站长必备的高质量网页特效和广告代码。zzjs.net,站长js特效。 XHTML/CSS 标准 ...
分类:
Web程序 时间:
2014-07-05 21:36:37
阅读次数:
173