JavaScript网页制作特效二例

　　 

学习制作网页已经有一两年了，自己学习了JavaScript，平时就特别喜欢研究网页特效，同时每当见到好的特效我都会把它“截流”下来，所以在这里就可以跟大家一起分享了。

　　链接解释

　　①在链接旁出现

　
　　 代码：在需要处插入

　　〈a href="www.skyeyes.onchina.net" title="欢迎光临赛迪网"〉赛迪网〈/a〉

　　特点：当鼠标指向链接时，链接旁出现相应的介绍。

　　②在状态栏内出现

　　代码：在需要处插入

　　〈a href ="www.skyeyes.onchina.net" onmouseover="window.status='让我们共同进步的网站';return true;" onmouseout="window.ststus='';"〉赛迪网〈/a〉

　　特点：当鼠标指向链接时，在状态栏内出现相应的介绍。

　　表单按钮属性

　　①按钮加背景图片

　　代码：在表单按钮的〈input〉中加入

　　style="background-image: url('button001.gif')"

　　②按钮加背景颜色及其他属性

　　代码：在表单按钮的〈input〉中加入

　　style="background-color:rgb(255,230,200);font-family:楷体_GB2312;color:rgb(0,0,0);border-left:thin ridge #FFFF99;border-right:thin ridge #FF99FF;border-top:thin ridge #FFFFCC;border-bottom:thin ridge #CC33FF"

　　解释：参数“background-color”为按钮的背景颜色，可用RGB值也可用颜色的英文代码或16进制代码等；字体属性可自己定义；而“border”系列分别为按钮的左边、右边、上边、及下边的边线的粗细及颜色，粗细：thin?细?，medium?中?，thick?粗?。

原文转自：http://www.ltesting.net