CSS入门之伪类动态链接

我们最常用的是4种a(锚)元素的伪类,它表示动态链接在4种不同的状态:link、visited、active、hover(未访问的链接、已访问的链接、激活链接和鼠标停留在链接上)。我们把它们分别定义不同的效果:

a:link {color: #FF0000; text-decoration: none} /* 未访问的链接 */
a:visited {color: #00FF00; text-decoration: none} /* 已访问的链接 */
a:hover {color: #FF00FF; text-decoration: underline} /* 鼠标在链接上 */
a:active {color: #0000FF; text-decoration: underline} /* 激活链接 */

(上面这个例子中,这个链接未访问时的颜色是红色并无下划线,访问后是绿色并无下划线,激活链接时为蓝色并有下划线,鼠标在链接上时为紫色并有下划线)
注意:有时这个链接访问前鼠标指向链接时有效果,而链接访问后鼠标再次指向链接时却无效果了。这是因为你把 a:hover放在了a:visited的前面,这样的话由于后面的优先级高,当访问链接后就忽略了a:hover的效果。所以根据叠层顺序,我们在定义 这些链接样式时,一定要按照a:link, a:visited, a:hover, a:actived的顺序书写。

...

CSS入门之语法基础

CSS入门

此类教程是我整理的,参考自网上的一些资源,如小雨css 2.0手册等,关于版权,你就别贫了。

CSS就是Cascading Style Sheets,中文翻译为“层叠样式表”,简称样式表。网页前端代码一般可以分为两个部分,一个是HTML结构,一个是CSS样式。

...

Js+Css控制网站更换主题皮肤(防刷新)

网站换肤变脸更换主题

在以前的文章:我看网易首页改版中,我们分析此次改版中用户体验得到提高的几处地方,今天要说的就是其中的一个:网站换肤功能,或者叫更换主题功能。在几大门户中,Tom是最先运行这个效果的,舒适的颜色方案,能使用户有一个愉快的阅读体验,通过此效果,用户可以自主选择一种"耐看、舒适、稳重"的颜色,该选择会通过cookie保存在用户的浏览器中。

...

漂亮的弹出层效果

再牛的肖邦也弹不出这样的层

前端设计里,经常用到各种提示效果或菜单效果,这里分享一个漂亮的javascript弹出层效果,希望各位在做前端设计的时候能用到。Js直接写在代码里了,请直接点击运行代码查看效果。关闭层请点击父菜单或者层本身。

...

带缓冲的返回顶部效果

坐电梯走楼梯-JS返回顶部效果带缓冲

 在做前端设计的时候,用户体验很重要。现在博客,论坛的楼都盖得很高,向下滚屏再想返回的时候,有个电梯坐坐,是很惬意的事。

...

Ps批处理图片大小、水印等

PS批处理

很多时候当我们向网上上传一些图片时,常常会因为图片太大而不成功,特别是开淘宝网店的朋友,图片用数码相机拍好以后,一张一张的改大小和尺寸实在太麻烦,当然您可以选择搜索其他的图片处理软件。但是如果你电脑上有PS,那就用下面的步骤可以方便解决。

...

收集48条常用正则式

 regular expressions

 正则表达式是程序员前端设计的必学知识,所以大家一定要学这个的。下面介绍的48条常用正则式,可以直接拿来用在javascript的验证函数中。

...

Js学习之俄罗斯方块

俄罗斯方块

分享一个Js版本的俄罗斯方块,供大家游戏之余,学习JavaScript。

请点击“运行代码”测试效果。

键盘方向键:上为变形。其他控制方向。空格键为加速。

[code]...

JavaScript新手学习实用建议+学习整理文档

悟透JavaScript

在网上找到篇文章,非常适合学习JavaScript的新手,转来和大家分享。

另外整理了个JavaScript从入门到精通【完整版】doc文档,希望大家喜欢。

downloadJavascript教程--从入门到精通【完整版】.rar

...

Js学习之移动轨迹(好玩)

学习javascript

忘记在什么时候保存的代码,今天翻出来了,正好学习JavaScript。

大家一起玩玩,顺便折磨一下你的浏览器。

[code]...

分页:« 首页«[1]2[3][4][5]»尾页 »
up