很常见的一种导航的hover效果,鼠标放上后除了正常的hover,在移出整个导航后,会恢复当前栏目的特殊样式,分别有横向和纵向的导航。代码也比较简单,设置一个当前栏目的class,用index()找到当前的位置,再用animate把hover效果的“滑动块”移动到相应位置。这里需注意animate中 ...
分类:
其他好文 时间:
2016-07-21 16:15:51
阅读次数:
400
1. 使用过渡 过渡效果一般是由浏览器直接改变元素的CSS属性实现的。例如,如果使用:hover选择器,一旦用户将鼠标悬停在元素之上,浏览器就会应用跟选择器关联的属性。 当用户将鼠标悬停在span元素上的时候,浏览器就会响应,直接应用新的属性。变化如下图所示: CCS过渡属性允许控制应用新属性值的速 ...
分类:
Web程序 时间:
2016-07-20 22:48:52
阅读次数:
290
在做列表时,我们经常会这样写: 在现代浏览器下点击图片或者a标签里的其他部分,均能链接到指定url,但是在ie6,ie7,部分ie8下鼠标hover到img上并没有出现鼠标的手,而且点击也没有反应。 解决方法: 推测是css样式问题,在img的父元素div上,我设置的css有: overflow: ...
分类:
其他好文 时间:
2016-07-20 19:20:14
阅读次数:
170
链接的特殊性在于能够根据它们所处的状态来设置它们的样式链接伪类:link,控制正常显示时状态:visited,控制访问过的状态用户动作伪类:hover,控制鼠标悬停时的状态:active,控制被激活时的状态表格样式边框合并border-collapse如果设置了单元格的边框,相邻单元格的边框会..
分类:
其他好文 时间:
2016-07-17 02:54:03
阅读次数:
217
1、盒模型: 实际宽度:外边距*2+内边距*2+边框*2+内容宽度(注意这点,可解决界面元素轻微浮动问题,如hover有边框,以前没的时候会有轻微浮动) 作用:他规定了网页元素如何显示以及其相互关系 2、padding会撑大容器,而margin不会。 这点巧用(自己总结的):① 能用margin的别 ...
分类:
Web程序 时间:
2016-07-16 19:26:00
阅读次数:
184
1.alert做js、jQuery的调试,相当的不错的哦! 2.hover背景色盖住内容! 错位的问题! 3.跨域一般都设置服务器允许跨域访问,自己公司服务器有权限改,除非服务器是别人的,你不能修改,才用JSONP! 4.元素没有出现在指定的地方, 浮动的原因! 块级元素占一行! ...
分类:
其他好文 时间:
2016-07-15 19:37:33
阅读次数:
120
使用纯CSS实现菜单的原理:将下拉框隐藏,当鼠标在菜单时显示隐藏的菜单。html代码: 菜单1 子菜单.... 核心CSS代码nav ul li:hover > ul { display: block;}nav li ul { display: non... ...
分类:
Web程序 时间:
2016-07-14 23:48:55
阅读次数:
205
***设置超链接的样式示例 a:link 超链接被点前状态 a:visited 超链接点击后状态 a:hover 悬停在超链接时 a:active 点击超链接时 在定义这些状态时,有一个顺序l v h a <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tr ...
分类:
Web程序 时间:
2016-07-14 13:15:46
阅读次数:
163
注意:jquery1.9以上版本不支持live,新方法为on ...
分类:
Web程序 时间:
2016-07-14 10:15:52
阅读次数:
198
笔记慢慢的才发现已经写了好多,今天刷网页才想起来是不是应该发到自己Blog里面跟大家分享一下虽然不是什么大牛,但还是有一些小小的心得~希望和大家分享,见笑了! 我们有个li 现在需要一个点击发生改变和另一个仍然可以进行hover 商品点击后会变色,然后商家依然可以进行hover。 不可取的方法为: ...
分类:
其他好文 时间:
2016-07-14 02:24:30
阅读次数:
220