JavaScript网页制作特效二例
时间:2007-02-17 来源:PHP爱好者
学习制作网页已经有一两年了,自己学习了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?粗?。
php爱好者站 http://www.phpfans.net 网页特效|网页模板