请教两个网页特效的思路_html/css_WEB-ITnose

本帖最后由 jgongcheng 于 2013-07-03 08:58:35 编辑

只是要思路哦。非常感谢：
1. 如下图，当鼠标放到导航上的时候，导航下会出现一个三角符号




2. 亚马逊首页的分类导航：如下图


当鼠标放在任意一个分类上时，右边多出一个页面：如下图

回复讨论(解决方案)

这两个效果 我知道网上有很多源代码 但是我没怎么看懂，所以想要思路 .. 越详细越好 非常感谢 ..

这个CSS就能搞定

.parent{position:relative;}.parent > .child{ display:none; position:absolute; left:0px; top:0px}.parent:hover > .child{ display:block;}

其它的自己尝试下 就行

这个CSS就能搞定

.parent{position:relative;}.parent > .child{ display:none; position:absolute; left:0px; top:0px}.parent:hover > .child{ display:block;}

其它的自己尝试下 就行

这个css是啥部分 ？

前端技术 主要就是指html+div+css+js
css指样式表 部分

前端技术 主要就是指html+div+css+js
css指样式表 部分

这是用来创建那个三角形的css吗 ？

前端技术 主要就是指html+div+css+js
css指样式表 部分

这是用来创建那个三角形的css吗 ？
这个下三角形用

就可以实现。使用css来变形的

第一个效果，只是两个样式切换而矣，鼠标移上去一种背景，鼠标离开换另一个背景。第二个，只是一个显示开关的效果，默认全部不显示，鼠标移上去显示对应的DIV

第一个效果，只是两个样式切换而矣，鼠标移上去一种背景，鼠标离开换另一个背景。第二个，只是一个显示开关的效果，默认全部不显示，鼠标移上去显示对应的DIV

第一个 跟换哪里的背景
第二个 鼠标移上去以后 怎么确定div的位置 ？

js可以做的，也可以插入一张那样的图片的

两个效果都是Css联动效果，网上有很多案例的，大致的思路就是，根据鼠标事件来显示隐藏！