HTML教程:网页常用代码
来源:学生作业帮助网 编辑:作业帮 时间:2024/05/11 03:48:49 HTML
1、数字时钟
说明 数字化的时钟
代码
2、六种风格时间
说明: 六种风格时间显示,一定有你喜欢的!
效果: 风格一: 星期二,6月1日,2004年
风格二: 7:56:28上午
风格三: 星期二,6月1日,2004年 7:56:28上午
风格四: 6/1/04
风格五: 7:56:28
风格六: Tue Jun 1 07:56:28 UTC+0800 2004
代码:
3、显示停留的时间
说明: 显示他人在页面停留的时间,而且可以作出提醒
代码:
您在本站逗留了
4、有影子的数字时钟
说明: 这个时钟是有影子的,而且还在不停地走着呢
代码:
5、全中文日期显示
说明: 年月日都是用全中文显示
代码:
6、打字效果
说明: 文字在状态栏上从左往右一个一个地显示,就象你打出的字一样
代码:
7、文字从左往右移动
说明: 文字在状态栏上从右往左显示,而且是循环的
代码:
8、图像自动变化
说明: 把一张图片变形扭曲成各种不同的长宽,非常好玩
代码:
var b = 1;
var c = true;
function www_helpor_net(){
if(document.all);
if(c == true) {
b++;
}
if(b==100) {
b--;
c = false
}
if(b==10) {
b++;
c = true;
}
if(c == false) {
b--;
}
u.width=150 + b;
u.height=125 - b;
setTimeout("www_helpor_net()",50);
}
www_helpor_net();
9、漫天飞雪
说明: 漫天飞雪
代码:
10、图片渐渐显隐
说明: 图片渐渐显隐
代码:
var b = 1;
var c = true;
function helpor_net(){
if(document.all);
if(c == true) {
b++;
}
if(b==100) {
b--;
c = false
}
if(b==10) {
b++;
c = true;
}
if(c == false) {
b--;
}
u.filters.alpha.opacity=0 + b;
setTimeout("helpor_net()",50);
}
helpor_net();
11、图片渐渐显示
说明: 图片渐渐显示
代码:
12、自由移动的图片
说明: 自由移动的图片
效果: 看到了吗?
代码:
再把
13、随鼠标触动而变化
说明: 鼠标接触或者离开图片时,图片大小会相应变化
代码:
14、javascript的容错脚本
说明: javascript的容错脚本,有了它,你的页面就不会出现错误提示了。
代码: