标题:网页特效代码集合,菜鸟必看~~~~~~!
只看楼主
泰乐
Rank: 1
等 级:新手上路
帖 子:76
专家分:0
注 册:2006-1-6
得分:0 

大恩不言谢!!!
希望多多益善,多多益善。。。~~~~~~~~~~~~~~~~~~~~~~~~~~~
大家有的都交流
一下


成功源于执著!!!!
2006-01-06 16:41
泰乐
Rank: 1
等 级:新手上路
帖 子:76
专家分:0
注 册:2006-1-6
得分:0 
HTML源代码 问候和变换背景

各位大侠下边代码是个变换背景颜色的代码 在我机器上怎么老出现错误,请教拉~~~~~
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>用按钮更换网页背景色</title>
</head>

<body bgcolor="#fbe8f8">
<p align="center">
<big><big>
<font color="#0000ff"><b>用按钮更换网页背景色</b></font></big></big></p>
<hr>
<form>
<blockquote><blockquote><blockquote><p>
<input type="button" value="Papayawhip" onClick="document.bgcolor="papayawhip"">
<input type="button" value="blue" onClick="document.bgcolor="blue"">
<input type="button" value="gray" onClick="document.bgcolor="gray"">
<br>
<input type="button" value="lightcoral" onClick="document.bgcolor="lightcoral"">
<input type="button" value="white" onClick="document.bgcolor="white"">
<input type="button" value="red" onClick="document.bgcolor="red"">
<br>
<input type="button" value="whitesmoke" onClick="document.bgcolor="whitesmoke"">
<input type="button" value="orange" onClick="document.bgcolor="orange"">
<br>
<input type="button" value="dodgerblue" onClick="document.bgcolor="dodgerblue"">
<input type="button" value="yellow" onClick="document.bgcolor="yellow"">
<p>
</blockquote>
</blockquote>
</form>
</body>
</html>

下边是个显示浏览器版本的脚本 供大家享用:)
<script language="javascript">
<!--
//输出浏览器名称
document.write(navigator.appName)
//如果浏览器名称是Netscape
if(navigator.appName=="Netscape")
{
//输出Netscape的版本号
document.write(" "+navigator.appVersion)
}
//如果浏览器的名称是Microsoft Internet Explorer
if(navigator.appName=="Microsoft Internet Explorer")
{
//输出IE版本
document.write(" "+navigator.appVersion)
}
//-->
</script>

还有个问候的代码也有错误~~~诚心请教~~
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>

<body>
<script language="javascript">
now=new date()
hour=now.gethours()
if(hour<12){
document.write("<b>早上好,现在是:" +now.tolocalestring()+"")}
else if(hour<18){
document.write("<b>下午好,现在是:" +now.tolocalestring()+"")}
else if(hour>=18){
document.write("<b>晚上好,现在是:" +now.tolocalestring()+"")}
//获取浏览器的名称
var name=navigator.appName;
var vers=navigator.appVersion;
document.write("<br>很高兴结识你!愿我们是朋友!");
document.write("<br>您的浏览器是:"+name+"<br>");
document.write("版本号是:"+vers+"<br>");
document.write("推荐使用IE4.0,800*600*16位颜色模式");
</script>
</font>
</td>
</tr>
</table>
</body>
</html>
先谢谢拉~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~


成功源于执著!!!!
2006-01-06 16:44
meiwang2008
Rank: 1
等 级:新手上路
帖 子:42
专家分:0
注 册:2006-1-8
得分:0 
哇,你一下发这么多啊~~~~~~~~~``让做网页中都用到了啊~~~~~~~~
谢谢你啊~~~~老鸟,有空喝茶啊~,,,你有没有主页呢?能不能让我们这些新鸟看看呢?

我爱这里的会员,我将权利支持你们学习!
2006-01-08 20:59
泰乐
Rank: 1
等 级:新手上路
帖 子:76
专家分:0
注 册:2006-1-6
得分:0 
我试过了
有不少的错误~~~~~
不过vi的很少有错误

成功源于执著!!!!
2006-01-09 20:48
cxwl3sxl
Rank: 3Rank: 3
等 级:论坛游侠
威 望:1
帖 子:495
专家分:129
注 册:2005-11-12
得分:0 

好啊,不错,不过我还有一个比较好的
<onload="javascript:pageonload()">
<script language="javascript">
var message="欢迎访问:http://xlge.96.cn";
var x,y;
var step=12;
var flag=0;

message=message.split("");
var xpos=new Array();
for (i=0;i<=message.length-1;i++) {
xpos[i]=-50;
}

var ypos=new Array();
for (i=0;i<=message.length-1;i++) {
ypos[i]=-50;
}

function handlerMM(e) {
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX+10;
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY;
flag=1;
}

function makesnake() {
if (flag==1 && document.all) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step;
ypos[i]=ypos[i-1];
}
xpos[0]=x+step;
ypos[0]=y;

for (i=0; i<=message.length-1; i++) {
var thisspan = eval("span"+(i)+".style");
thisspan.posLeft=xpos[i];
thisspan.posTop=ypos[i];
thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() *

255 * 255 + Math.random() * 255;
}
}
else if (flag==1 && document.layers) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step;
ypos[i]=ypos[i-1];
}
xpos[0]=x+step;
ypos[0]=y;

for (i=0; i<message.length-1; i++) {
var thisspan = eval("document.span"+i);
thisspan.left=xpos[i];
thisspan.top=ypos[i];
thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() *

255 * 255 + Math.random() * 255;
}
}
}
</script>
<script language="javascript">
for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"' class='spanstyle'>");
document.write(message[i]);
document.write("</span>");
}

if (document.layers) {
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
</script>
<script
language="javascript">
function pageonload() {
makesnake();
window.setTimeout("pageonload();", 2);
}

</script>


努力,哈哈,总有一天会变成高手~~~~~~因为我相信:没有办不到,只有想不到!http://t..cn/fpress
2006-01-10 23:10
cxwl3sxl
Rank: 3Rank: 3
等 级:论坛游侠
威 望:1
帖 子:495
专家分:129
注 册:2005-11-12
得分:0 

上面那个是我搜集的,不是我的原创哈


努力,哈哈,总有一天会变成高手~~~~~~因为我相信:没有办不到,只有想不到!http://t..cn/fpress
2006-01-10 23:12
wang2001116
Rank: 1
等 级:新手上路
帖 子:1
专家分:0
注 册:2006-1-20
得分:0 

好东西!!收下了!!!!

2006-01-20 11:33
zys4416
Rank: 1
等 级:新手上路
帖 子:44
专家分:0
注 册:2006-2-10
得分:0 

我也发发一些JS特效吧,都是我测试成功的!

跟随鼠标移动的半透明图片:
[QUOTE]
<STYLE type=TEXT/CSS>
.tm {
FILTER: Alpha(Opacity=50) {透明度=50%}
}
</STYLE>
<DIV id=Layer1 style="z-index:101;HEIGHT: 31px; LEFT: 409px; POSITION: absolute; TOP: 131px; WIDTH: 14px"><IMG class=tm src="xx.gif"></DIV> {xx.gif即图片名}
<SCRIPT>
function move_layer()
{
Layer1.style.left=event.clientX+document.body.scrollLeft+10;
Layer1.style.top=event.clientY+document.body.scrollTop+10;
}
document.onmousemove =move_layer;
</SCRIPT>
[/QUOTE]

显示日期,关于定位我是用层的:
[QUOTE]
<script language=JavaScript>

today=new Date();
function initArray(){
this.length=initArray.arguments.length
for(var i=0;i<this.length;i++)
this[i+1]=initArray.arguments[i] }
var d=new initArray(
" 星期日",
" 星期一",
" 星期二",
" 星期三",
" 星期四",
" 星期五",
" 星期六");
document.write(
"<font color=##000000 style='font-size:9pt;font-family: 宋体'> ",
today.getYear(),"年",
today.getMonth()+1,"月",
today.getDate(),"日",
d[today.getDay()+1],
"</font>" );
</script>
[/QUOTE]

页面淡出:
[QUOTE]
<META http-equiv=Page-Exit content=blendTrans(Duration=0.6)> {(Duration=0.6) 持续时间=0.6秒}
[/QUOTE]

页面自动跳转:
[QUOTE]
<script>
setTimeout("window.location='html/index.html'",100000); {'html/index.html'为转到页面,100000=10秒}
</script>
[/QUOTE]

页面自动跳转(显示倒计时):
[QUOTE]
<script>
var url = "html/index.html"; {'html/index.html'为转到页面}
var loctime = 9; {9=9秒}
timedown.innerhtml = loctime;

var gourl = setInterval("downtimes()",1000);
function downtimes(){
loctime--;
timedown.innerHTML= loctime;
if(loctime <= 0){
clearInterval(gourl);
window.location = url;
}
}
</script>

然后把
<span id="timedown"></span>
加到文字中间,以显示倒计时。
[/QUOTE]


学途漫漫而修远,为何行?心自明,只求点滴收获,积米成山,既成、无憾矣。     -zys
2006-02-12 13:29
bixr
Rank: 1
等 级:新手上路
帖 子:10
专家分:0
注 册:2006-2-17
得分:0 
都是从网上找的代码吧?
要是自己写,是不用这么麻烦的。
很简单的代码,怎么到你们手里,就那么麻烦?

2006-02-20 15:53
冰冰
Rank: 1
等 级:新手上路
帖 子:1
专家分:0
注 册:2006-2-24
得分:0 
xiexie
2006-02-24 15:08



参与讨论请移步原网站贴子:https://bbs.bccn.net/thread-7495-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.166183 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved