码迷,mamicode.com
首页 >  
搜索关键字:hover    ( 2235个结果
非常强大的jQuery万能浮动框插件
支持hover, click, focus以及无事件触发;支持多达12种位置的定位,出界自动调整;支持页面元素加载,Ajax加载,下拉列表,提示层效果,tip类效果等;可自定义装载容器;内置UI不错的装载容器;支持鼠标跟随等。一、写插件的缘由为什么想写此插件,想来想去,归结为一个字:“懒”。不想为明...
分类:Web程序   时间:2014-09-17 14:59:52    阅读次数:1744
工作中的js总结
1、点击li下面匹配的内容块跟着一起改变 $(".dis-list li").bind("hover click", function () { $this = $(this); $this.addClass("active").siblings().re...
分类:Web程序   时间:2014-09-16 14:08:40    阅读次数:252
javascript和css实现垂直方向自适应的三角提示菜单
这是一个比较简单实用的菜单,最重要的是他不需要引用jQuery库。菜单在垂直方向上能做到自适应,当主菜单靠近顶部,子菜单将会在下面,当主菜单靠近底部,子菜单在上面。运用Modernizr的触摸检测功能,我们可以让子菜单的响应在pc上是hover,而在触摸设备上是点击。例子中还示范了如何在宽度比较窄的情况下如何调整布局。分享一个最好用的UI前端框架! html代码: .代码  ...
分类:编程语言   时间:2014-09-15 17:53:19    阅读次数:370
一个简单的覆盖层
123 大家好 怎么实现的 或者直接用样式,但是不支持ie8-.content ul li:hover div{top:...
分类:其他好文   时间:2014-09-15 17:17:39    阅读次数:178
超链接标签的CSS伪类link,visited,hover,active
CSS伪类,是一种特殊的类,它针对到CSS选择器起作用,使选中的标签或元素产生特定的效果。CSS伪类的语法就是: 选择器 : 伪类名 { 属性 : 属性值 }用的最多的伪类就是超链接a的伪类,有:link,:visited,:hover,:active,而且需要按照这个顺序设置,有个简单的记法是,取...
分类:Web程序   时间:2014-09-14 00:00:16    阅读次数:293
jQuery 操作表单
1. >是子选择符 用于匹配直接后辈,孙辈就不匹配了。IE6 不支持,兴例: li:hover>a 子对象选择符,只对儿子起作用,对孙子不起作用。 li:hover a 后代选择符,对儿子,对孙子,对后代都起作用。 jquery取得text,...
分类:Web程序   时间:2014-09-12 17:28:34    阅读次数:194
JavaScript处理HTML DOM
本来只想好好写一篇博文,最后弄到好像重构一样了,越做越不满意,先这样吧:)HTML DOM - JavaScript处理HTML DOM获取HTML元素改变HTML元素增删HTML元素添加事件处理获取HTML对象一些属性nodeType常量其他不建议使用+hover显示详情获取HTML元素+show...
分类:编程语言   时间:2014-09-12 14:50:03    阅读次数:264
css3实现的鼠标经过按钮特效
今天要为各网友再带来一款css实现的鼠标经过按钮的特效。按钮初始时,边框为断开的按钮,当鼠标经过按钮时动画变为封闭的边框。效果图如下:在线预览源码下载我们一起看下实现的代码:html代码: Hover Mecss代码:*, *:before, *:after { ...
分类:Web程序   时间:2014-09-10 23:43:51    阅读次数:244
jquery 中hover与position:absolute;一起用时在IE的bug
解决方案:一、添加背景background:#f00;兼容所有浏览器的透明度:filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5; opacity:0.5; 二、把hover改为mouseover和mouseout来使用。
分类:Web程序   时间:2014-09-10 12:04:30    阅读次数:200
CSS3旋转图片效果收集
火狐中文网图片效果:[http://i.firefoxchina.cn/?www.firefoxchina.cn].news-img-wrapper:hover img {transform: rotate(5deg) scale(1.2);transition: all 0.3s linear 3...
分类:Web程序   时间:2014-09-09 12:24:38    阅读次数:179
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!