当前页面: 开发资料首页 → Javascript 专题 → JavaScript网页制作特效二例
JavaScript网页制作特效二例
摘要: 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粗。
</td> </tr> </table></td> </tr>↑返回目录
前一篇: JavaScript实例 标题栏文字滚动特效
后一篇: JavaScript另类网页特效5则