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

WBOY
發布: 2016-06-21 09:44:48
原創
1130 人瀏覽過

本帖最后由 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联动效果,网上有很多案例的,大致的思路就是,根据鼠标事件来显示隐藏!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板