产品鼠标经过加边框效果.productsCol:hover{box-shadow:0 0 0 3px#333333inset;transition:all 0.2s ease 0s;}----------------------------------------------------------...
分类:
Web程序 时间:
2015-03-02 10:54:57
阅读次数:
146
利用所学的CSS技术,写了一个有点小难的布局实例,一个六边形的个性导航菜单,为了更加生动,这里在CSS中加入了hover效果,鼠标放在菜单上的时候,菜单变换背景,本例代码中无任何JS代码,完全CSS技术实现,值得参考。...
分类:
Web程序 时间:
2015-03-01 14:32:17
阅读次数:
183
分析主要还是运用CSS3的transition, animation, transform还有渐变背景等特性。由于按钮在鼠标进入时有不同的样式,所以要对其:hover状态运用另外的背景样式通过对按钮的:after状态添加一个内容为空的元素,并给其一个边框,这样在鼠标进入后我们让这个隐藏的空元素变大直...
分类:
Web程序 时间:
2015-02-28 18:38:20
阅读次数:
193
html代码: jquery hover鼠标悬停品牌图片旋转动画展示 1 ...
分类:
其他好文 时间:
2015-02-28 14:21:40
阅读次数:
126
article a :hover { color: red;}上面表示 article 内所有a 标签的所有子标签在hover时是红色article a:hover { color: red;}上面表示,article内的所有a标签的在hover时是红色关键在于 a后面空格
分类:
其他好文 时间:
2015-02-26 14:34:34
阅读次数:
159
用eclipse时,鼠标移到类上时会给出提示,如下图:给我们看代码造成遮挡。去掉这些提示的方法:window->preferences->java->editor->hovers->第一项Combined hover
分类:
系统相关 时间:
2015-02-26 11:22:10
阅读次数:
186
MyHtml.html
*{margin:0px;padding:0px;}
a{width:64px;height:64px;background:url("images/1.png");
display:block;margin:120px auto;}
a:hover{background:url("images/2.pn...
1.鼠标移动行变代码如下:$('#table1 tr').hover(function(){ $(this).children('td').addClass('hover')}, function(){ $(this).children('td').removeClass('hover')});方法...
分类:
Web程序 时间:
2015-02-25 15:22:45
阅读次数:
159
a:link {text-decoration:none;color: blue;} /* 未被访问的链接 蓝色 */a:visited {text-decoration:none;color: blue} /* 已被访问过的链接 蓝色 */a:hover {text-decoration:n...
分类:
其他好文 时间:
2015-02-13 12:59:47
阅读次数:
88
$S.addHandler($S.getId(fav[i]),'mouseover',function(){ this.className += " "+'S_hover'; }); $S.addHandler($S.getId(fav[i]),'mouseout',function(){ var ...
分类:
Web程序 时间:
2015-02-12 20:03:23
阅读次数:
164