JavaScript网页特效二则 |
|---|
|
| 2004-05-24 邓飞 |
| |
学习制作网页已经有一两年了，自己学习了JavaScript，平时就特别喜欢研究网页特效，同时每当见到好的特效我都会把它“截流”下来，所以在这里就可以跟大家一起分享了。
链接解释
①在链接旁出现
代码：在需要处插入
〈a href="http://www.skyeyes.onchina.net" title="欢迎光临TOM科技"〉TOM科技〈/a〉
特点：当鼠标指向链接时，链接旁出现相应的介绍。
②在状态栏内出现
代码：在需要处插入
〈a href ="http://tech.tom.com/" onmouseover="window.status='让我们共同进步的网站';return true;" onmouseout="window.ststus='';"〉TOM科技〈/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（粗）。 |
|
| |
|
发表评论
推荐文章
关闭窗口
|
|
|
|
