网页特效代码集合,菜鸟必看~~~~~~! - 编程论坛

#102

daming2252005-11-28 16:27

顶

#103

BC05292005-12-11 10:12

谢

#104

小果2005-12-15 21:53

偶刚刚开始学,看了楼主的帖子

#105

云游孤鹤2005-12-16 00:16

#106

linaqn2005-12-17 12:10

哇，真厉害。真是受益匪浅

#107

非洲痞子2005-12-19 22:55

不错啊……
大家要支持啊……

#108

九天绞龙2005-12-27 04:10

谢谢楼主
　　好东西一定要收藏哦

#109

网页小子2005-12-27 12:20

我想请教各位高手如何用dwmx2004制作登录器

#110

xiagaoming2006-01-02 00:10

呵呵~老鸟哦~

支持一下~

从现在开始和你一样~好好的努力~再不潜水了哦~

支持支持~

#111

泰乐2006-01-06 16:41

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

#112

泰乐2006-01-06 16:44

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">

</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>
先谢谢拉~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

#113

meiwang20082006-01-08 20:59

哇，你一下发这么多啊~~~~~~~~~``让做网页中都用到了啊~~~~~~~~
谢谢你啊~~~~老鸟，有空喝茶啊~

，，，你有没有主页呢？能不能让我们这些新鸟看看呢？

#114

泰乐2006-01-09 20:48

我试过了
有不少的错误~~~~~
不过vi的很少有错误

#115

cxwl3sxl2006-01-10 23:10

好啊，不错，不过我还有一个比较好的
<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>

#116

cxwl3sxl2006-01-10 23:12

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

#117

wang20011162006-01-20 11:33

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

#118

zys44162006-02-12 13:29

我也发发一些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]

#119

bixr2006-02-20 15:53

都是从网上找的代码吧？
要是自己写，是不用这么麻烦的。
很简单的代码，怎么到你们手里，就那么麻烦？

#120

冰冰2006-02-24 15:08

xiexie

#121

xutianming2006-03-13 10:03

谢谢

#122

剑痕2006-03-15 11:11

我也支持你啊．
<a href=http://www.pc120.net/>偶发现在这个网站的内容很适合初学者</a>（点一下就ＯＫ了）
顺便上传个ＰＣ精灵

#123

寻求感觉2006-03-16 13:42

你好强呀`！
辛苦了`！

#124

cecoo2006-03-16 23:48

谢拉
顶～～～～～

#125

为你导航2006-03-20 10:27

很好楼主努力啊让我们大开眼见啊唯一遗憾的是我看不懂那东西

#126

刷新2006-03-20 20:05

谢谢楼主

#127

lijinzhao2006-03-24 00:35

顶

#128

指幕天2006-03-25 09:44

谢过斑竹!

#129

lyjoe2006-04-06 12:41

多谢啊！学到好多东西啊！

#130

water1234562006-04-16 10:55

顶一下

#131

oヤ偽妳變壞2006-04-22 10:58

谢谢了

#132

azazaing2006-04-27 12:47

支持支持支持支持

#133

zlyuanna2006-05-07 16:29

确实不错

#134

sky558546662006-05-10 16:06

晕死，总算找到大阪营了。我狂顶啊

#135

zouyangkub2006-05-13 23:45

谢谢你门让我看到这些东西
让我对这个东西产生了更浓厚的兴趣.谢谢你门

#136

ly7242006-05-14 13:09

牛，再牛点就更好了~~~~

#137

千千蝶约2006-05-15 22:52

不错支持

#138

lzg25372006-05-16 10:19

我大力支持！

#139

caotian2006-05-16 17:17

大哥，我想请教个问题，

就是网页里，一些图片跟动的效果是怎么做出来的，代码是什么啊而且上点击跑动的图片，还出来个连接页面，这都是怎么做的啊
谢谢你了啊
期待。。。。。。。。。。。

#140

leiqiang12302006-05-18 15:30

这些太有用了呀！

#141

丁月文2006-05-19 07:11

晕，大哥，这是什么语言写的啊，我也想学啊！
能否指点一二啊？

#142

ideaeasy2006-05-23 17:47

支持一下

#143

新叶小苗2006-05-25 16:15

怎么没有更新啊

#144

lp1985102006-05-27 20:13

楼主辛苦了啊，支持你

#145

梅丽2006-05-29 22:41

不错,不过好像需要更新幺

#146

zouyangkub2006-06-07 09:24

谢谢你们呀！！！！！！！！！

#147

乱弹琴2006-06-08 17:39

不错的啊

#148

Roacher2006-06-13 22:02

我是新手，完全看不懂上面写些什么啊？？
没有简单一点的吗？

#149

dorsey1662006-07-10 13:42

辛苦了，哈哈

#150

jiage1122006-07-12 15:25

我顶

#151

pulf2006-08-04 23:40

好