一、网站导航栏我们所熟知的网站导航栏,无非就是网站标题以横、纵向方式排列,用户点击以后进入相应的页面来展示网站内容,达到传达信息的目的。用户点击进入一个页面,如果在刷新后此导航栏有文字有相应的颜色、背景变化,那么将会有一个很好的用户体验,此时就涉及到CSS的ho..
分类:
其他好文 时间:
2015-08-10 02:04:05
阅读次数:
851
最近开发类似计算器界面,需要在textarea中编辑公式,涉及到 在光标位置插入 字符。效果如下: + - * / 添加文字html代码如下: hover demo +-*/添加文字
分类:
其他好文 时间:
2015-08-07 18:51:27
阅读次数:
112
transition-duration这个参数是设置过渡时间的,将transition-duration放在哪个类中,那么在这个类被启用时就会按照transition-duration设定的时间来过渡。
例如,有类 .a 和 .a:hover
1.如果只在 .a 中设定transition-duration: 3s;的话,那么在鼠标覆盖这个元素和鼠标离开元素时,过渡时...
分类:
Web程序 时间:
2015-08-07 11:16:06
阅读次数:
169
1、纯css实现,适用于需要HTML尽量简单的情况 123 ABC tr不支持整行改变css格局,可以使用tr:hover td来限定
分类:
其他好文 时间:
2015-08-06 15:00:26
阅读次数:
158
QTabWidget#Tab1>QTabBar::tab:first
{
border-image: url(:/Default_N.png);
}
QTabWidget#Tab1>QTabBar::tab:first:hover
{
border-image: url(:/Default_P.png);
}
QTabWidget#Tab1>QTabBar::tab:...
分类:
其他好文 时间:
2015-08-05 12:50:45
阅读次数:
101
一、display: none 隐藏 block显示 visibility:hidden隐藏 visible显示display:none和visibility:hidden这两个属性对应的值都是隐藏对像,但是它们隐藏对像有点区别。display和visibility的区别:display隐藏相当于....
分类:
Web程序 时间:
2015-08-04 18:34:36
阅读次数:
186
的四种状态A:link 连接平常状态A:hover 鼠标放上去的时候A:active 鼠标按下的时候A:visited 连接被访问过后的状态target属性_blank浏览器总在一个新打开、未命名的窗口中载入目标文档。_self这个目标的值对所有没有指定目标的 标签是默认目标,它使得目标文档载入并....
分类:
Web程序 时间:
2015-08-03 14:14:18
阅读次数:
288
inputclean插件的用法
语言:javascript
是jquery插件,
目的:给文本框增加×,点击×,即可清空文本框内容.
如图:
具体交互效果:
1,当文本框聚焦时,×永久显示,不管鼠标光标在不在文本框上面(hover);
2,当文本框失去焦点时,只有鼠标hover,×才会显示,鼠标移开,×消失;
3,点击×,文本框内容被清空,且文本框自动聚焦.整个插件不到75行,所...
分类:
其他好文 时间:
2015-07-30 00:46:50
阅读次数:
311
/*hover当鼠标经过改变属性*/ /*foucs当鼠标点击的时候改变颜色*/ /*active当鼠标按中不放开的时候改变颜色*/
分类:
Web程序 时间:
2015-07-29 15:46:25
阅读次数:
121
脑子不好用了,一点东西要看几遍才能记住,学过的东西也要好几遍,悲哀。习惯了jquery的hover,或者看过hover源码,或者是正美的《框架设计》,onmouseover和onmouseout的bug问题,不过对于我等脑子不好用的,还是几个无bug的问题吧,看代码我是h2通过判断事件对象中from...
分类:
其他好文 时间:
2015-07-27 18:25:22
阅读次数:
120