码迷,mamicode.com
首页 >  
搜索关键字:hover    ( 2235个结果
CSS--基础
1.伪类选择符:它允许给html不存在的标签(标签的某种状态)设置样式,比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色:a:hover{color:blue;}.可以兼容所有浏鉴器的“伪类选择符”就是 a 标签上使用 :hover 了(其实伪类选择符还有很多,尤其是 css3 中, ...
分类:Web程序   时间:2016-03-31 23:31:52    阅读次数:331
[学习]京东首页顶部导航栏hover
这里要说的内容就是这个小尖角: 开始只看到网页截图的时候我一直认为是一个">"做的hover效果. 这样的话就需要先把">"先旋转90度,再做hover的效果. 后来打开了原网页看了源代码,发现他们是这么做的: 首先画了一个15x7的div,over:hidden;然后里面写了一个"◇"font-s ...
分类:其他好文   时间:2016-03-26 17:03:54    阅读次数:1031
jQuery中事件的学习
刚学习了jQuery中的事件,主要通过bind(),toggle(),hover()来主要实现,下面先说一说关于bind的想关要点。 1、bind方法。 bind方法的主要参数为bind(type,fn).自我感觉参数的传入形式有点像java的反射机制(自我感觉,不知道是否严谨)。 当然相关实现比较 ...
分类:Web程序   时间:2016-03-26 15:29:50    阅读次数:190
BootStrap---2.表格和按钮
1.table(基础) 基本表格 2.table-striped(基于table) 斑马线效果 3.table-bordered(基于table) 带边框 4.table-hover(基于table) 悬停实现背景效果 5.状态类(运用于tr) 5-1 .active 5-2 .success 5-
分类:其他好文   时间:2016-03-23 00:31:46    阅读次数:218
CSS选择器的兼容性
CSS 1 CSS2.1 CSS3 :hover 在IE6中只有a元素可用。E:empty 貌似在webkit核心浏览器中有些小bug。如果这个bug依然存在,不太确定如何测试。IE6不支持.class1{}.class2{}双类选择器。IE8注意事项:E[attr]选择器在值为空的时候或者写错的时
分类:Web程序   时间:2016-03-21 20:15:30    阅读次数:325
Django 相关知识
布局:headerbodyfooter$(#).hide()补充:cursor:pointer;针对A标签,鼠标变小手A标签下划线消失:text-decoration:nonez-index:值,图层分布圆角:border-radius:50%.header.menua:hover{}鼠标点中变颜色例子:<!DOCTYPEhtml><htmllang="en"><head><metac..
分类:其他好文   时间:2016-03-12 06:56:54    阅读次数:209
CSS 链接
链接的四种状态: a:link - 普通的、未被访问的链接 a:visited - 用户已访问的链接 a:hover - 鼠标指针位于链接的上方 a:active - 链接被点击的时刻 当为链接的不同状态设置样式时,请按照以下次序规则: a:hover 必须位于 a:link 和 a:visited
分类:Web程序   时间:2016-03-11 10:22:55    阅读次数:197
jq hover方法用法 例子
<script type="text/javascript"> $(function(){ $('.caseslist').hover(function(){ if(!$(this).is(":animated")){ $(this).children('.casedetail').animate(
分类:其他好文   时间:2016-03-10 12:17:07    阅读次数:201
兼容ie6及以上和firefox等标准浏览器的表格行滑过时背景色切换的效果
一、js代码——"tablehover.js" /** *②、表格单元行滑过时高亮样式动效组件封装 *oop形式封装交互动效类 *组件说明这个组件是为了向下兼容到IE6,因为IE6不支持tr:hover这种形式的伪类,而在ff等标准浏览器中是支持的,这样写: .tablelist td{border
分类:其他好文   时间:2016-03-09 14:16:04    阅读次数:271
鼠标悬停2秒以上再执行
鼠标悬停2秒以上再执行 $('选择器').hover( function(){ delay(2000); alert(1); }, function(){ } ); var nextli = setInterval("$('.next').click()",2000); //图片轮转鼠标移入停止移出
分类:其他好文   时间:2016-03-08 16:24:52    阅读次数:128
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!