万众海浪论坛  
温馨提示今天是:

当网络繁忙时请选择:https://bbs.838778.com(线路一)https://bbs.939138.com(线路二)进入本站论坛。


 
标题: 网页特效代码
朗文
管理员
Rank: 12Rank: 12Rank: 12


UID 8
精华 6
积分 46771
帖子 2550
威望 46771 点
金钱 70591 RMB
阅读权限 200
注册 2005-11-5
状态 离线
 
发表于 2008-10-30 22:49  资料  个人空间  短消息  加为好友 
网页特效代码

1、自动刷新网页
说明:自动刷新网页
在HTML的与之间加入下面这段代码,则在5分钟之后正在浏览的页面将会自动变为target.html这一页。代码中300为刷新的延迟时间,以秒为单位。targer.html为你想转向的目标页,若为本页则为自动刷新本页。


代码如下:

--------------------------------

<meta http-equiv="refresh" content="300; url=target.html">


-------------------------------------------------------
2、保护网页
说明:有些人真是懒得可以,把别人做好的网页往自己网页的框架(Frame)里一放,别人的成果就变成了自己的,而且看不出该网页的真实地址!为了防止你的成果被这些人所剽窃,你就可以在你网页的HTML里加入下面这段代码,这样,你的网页便总是在整个窗口中打开了。

代码如下:

--------------------------------

<Script LANGUAGE="javascript">
if(self!=top){top.location=self.location;}
</script>

-------------------------------------------------------


3、数字时钟
代码如下:

--------------------------------

<span id="liveclock" style"=width: 109px; height: 15px"></span>
<SCRIPT language=javascript>
function www_helpor_net()
{
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()

if(minutes<=9)
minutes="0"+minutes
if(seconds<=9)
seconds="0"+seconds
myclock="现在时刻:<font size="5" face="Arial black">"+hours+":"+minutes+":"+seconds+"</font>"
if(document.layers){document.layers.liveclock.document.write(myclock)
document.layers.liveclock.document.close()
}else if(document.all)
liveclock.innerHTML=myclock
setTimeout("www_helpor_net()",1000)
}
www_helpor_net();
//-->
</SCRIPT>


-------------------------------------------------------


4、中文时钟
 
代码如下:

--------------------------------

<script language="javascript">
<!--
function number(index1){
var numberstring="一二三四五六七八九十";
if(index1 ==0) {document.write("十")}
if(index1 < 10){
document.write(numberstring.substring(0+(index1-1),index1))}
else if(index1 < 20 ){
document.write("十"+numberstring.substring(0+(index1-11),(index1-10)))}
else if(index1 < 30 ){
document.write("二十"+numberstring.substring(0+(index1-21),(index1-20)))}
else{
document.write("三十"+numberstring.substring(0+(index1-31),(index1-30)))}
}

var today1 = new Date()
var month = today1.getMonth()+1
var date = today1.getDate()
var day = today1.getDay()

document.write("公元二零零二年")
number(month)
document.write("月")
number(date)
document.write("日")
//-->
</script>


-------------------------------------------------------

5、显示停留时间
 
显示他人在页面停留的时间,而且可以作出提醒

代码如下:

--------------------------------

您在本站逗留了<input type="text" name="china6u6_com" size="15" style="border: 0 ">
<SCRIPT language="javascript">
<!--
var sec=0;
var min=0;
var hou=0;
flag=0;
idt=window.setTimeout("www_helpor_net();",1000);
function www_helpor_net()
{
sec++;
if(sec==60){sec=0;min+=1;}
if(min==60){min=0;hou+=1;}
if((min>0)&&(flag==0))
{
window.alert("您刚刚来了1分钟!可别急着走开,还有好多好东东等着您呢!--站长");
flag=1;
}
helpor_net.value=hou+"小时"+min+"分"+sec+"秒";
idt=window.setTimeout("www_china6u6_com();",1000);
}
//-->

</SCRIPT>


-------------------------------------------------------

6、显示雪花飘飘
 
看到了吗,雪花图片自己添加!

代码如下:

--------------------------------

<SCRIPT LANGUAGE="javascript1.2">
<!--
var no = 12;
var speed = 10;
var heart = "snow.gif";
var flag;
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;

var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
amx = new Array();
amy = new Array();
stx = new Array();
sty = new Array();
flag = new Array();
for (i = 0; i < no; ++ i) {
dx = 0; // set coordinate variables
xp = Math.random()*(doc_width-30)+10;
yp = Math.random()*doc_height;
amy = 12+ Math.random()*20;
amx = 10+ Math.random()*40;
stx = 0.02 + Math.random()/10;
sty = 0.7 + Math.random();
flag = (Math.random()>0.5)?1:0;
if (ns4up) { // set layers
if (i == 0) {
document.write("<layer name="dot"+ i +"" left="15" ");
document.write("top="15" visibility="show"><img src="");
document.write(heart+ "" border="0"></layer>");
} else {
document.write("<layer name="dot"+ i +"" left="15" ");
document.write("top="15" visibility="show"><img src="");
document.write(heart+ "" border="0"></layer>");
}
} else
if (ie4up) {
if (i == 0) {
document.write("<div id="dot"+ i +"" style="POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;"><img src="");
document.write(heart+ "" border="0"></div>");
} else {
document.write("<div id="dot"+ i +"" style="POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;"><img src="");
document.write(heart+ "" border="0"></div>");
}
}
}

function helpor_net() {
for (i = 0; i < no; ++ i) {
if (yp > doc_height-50) {
xp = 10+ Math.random()*(doc_width-amx-30);
yp = 0;
flag=(Math.random()<0.5)?1:0;
stx = 0.02 + Math.random()/10;
sty = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
if (flag)
dx += stx;
else
dx -= stx;
if (Math.abs(dx) > Math.PI) {
yp+=Math.abs(amy*dx);
xp+=amx*dx;
dx=0;
flag=!flag;
}
document.layers["dot"+i].top = yp + amy*(Math.abs(Math.sin(dx)+dx));
document.layers["dot"+i].left = xp + amx*dx;

}
setTimeout("helpor_net()", speed);
}

function www_helpor_net() {
for (i = 0; i < no; ++ i) {
if (yp > doc_height-50) {
xp = 10+ Math.random()*(doc_width-amx-30);
yp = 0;
stx = 0.02 + Math.random()/10;
sty = 0.7 + Math.random();
flag=(Math.random()<0.5)?1:0;
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
if (flag)
dx += stx;
else
dx -= stx;
if (Math.abs(dx) > Math.PI) {
yp+=Math.abs(amy*dx);
xp+=amx*dx;
dx=0;
flag=!flag;
}

document.all["dot"+i].style.pixelTop = yp + amy*(Math.abs(Math.sin(dx)+dx));
document.all["dot"+i].style.pixelLeft = xp + amx*dx;
}
setTimeout("www_helpor_net()", speed);
}

if (ns4up) {
helpor_net();
} else if (ie4up) {
www_helpor_net();
}
//-->
</script>


-------------------------------------------------------

7、显示访客登陆次数
 
记录访客的来访次数,并根据作出不同的提示信息! 代码如下:

--------------------------------

<SCRIPT language="javascript">
<!--
function www_helpor_net(offset)
{
var endstr=documents.cookie.indexOf(";",offset);if(endstr==-1)
endstr=documents.cookie.length;return unescape(documents.cookie.substring(offset,endstr));}
function GetCookie(name)
{
var arg=name+"=";
var alen=arg.length;
var clen=documents.cookie.length;
var i=0;while(i<clen)
{
var j=i+alen;
if(documents.cookie.substring(i,j)==arg)
return www_helpor_net(j);
i=documents.cookie.indexOf(" ",i)+1;if(i==0)
break;
}
return null;
}

function SetCookie(name,value)
{
var argv=SetCookie.arguments;
var argc=SetCookie.arguments.length;
var expires=(2<argc)?argv[2]:null;
var path=(3<argc)?argv[3]:null;
var domain=(4<argc)?argv[4]:null;
var secure=(5<argc)?argv[5]:false;
documents.cookie=name+"="+escape(value)+((expires==null)?"" "; expires="+expires.toGMTString()))+((path==null)?"" "; path="+path))+((domain==null)?"" "; domain="+domain))+((secure==true)?"; secure":"");
}

var expdate=new Date();
var visits;

expdate.setTime(expdate.getTime()+(24*60*60*1000*365)); //设置COOKIES时间为1年,自己随便设置该时间

if(!(visits=GetCookie("visits")))
visits=0;visits++;SetCookie("visits",visits,expdate,"/",null,false);
//以下信息显示可以使用标准的HTML语法,自己随便设置
document.write("你已经光临本页"+"<FONT COLOR=red>"+visits+"</FONT>"+"次!");
if(visits==1)//来访1次的信息显示
document.write("<br>"+"欢迎光临本站,觉得本站内容如何?");
if(visits==2)//来访2次的信息显示,以下类推,自己随便增加 
document.write("<br>"+"再次光临不胜容幸!今后要常来啊!欢迎点击本站广告。");
if(visits==3)
document.write("<br>"+"常客,在本站的论坛发个帖子如何?");
if(visits==4)
document.write("<br>"+"你这个疯子!");
if(visits>=5)
document.write("<br>"+"疯狂的家伙!我真的非常喜欢你。");
//-->
</SCRIPT>


-------------------------------------------------------
8、礼花背景 
实例: 看到了吗 
代码:
将以下代码加入HEML的<BODY></BODY>之间

<layer name="a0" left=10 top=10 visibility=show bgcolor="#ffffff" clip="0,0,1,1"></layer> 
<layer name="a1" left=10 top=10 visibility=show bgcolor="#fff000" clip="0,0,1,1"></layer> 
<layer name="a2" left=10 top=10 visibility=show bgcolor="#ffa000" clip="0,0,1,1"></layer> 
<layer name="a3" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer> 
<layer name="a4" left=10 top=10 visibility=show bgcolor="#00ff00" clip="0,0,1,1"></layer> 
<layer name="a5" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer> 
<layer name="a6" left=10 top=10 visibility=show bgcolor="#ff0000" clip="0,0,1,1"></layer> 
<layer name="a7" left=10 top=10 visibility=show bgcolor="#ffffff" clip="0,0,1,1"></layer> 
<layer name="a8" left=10 top=10 visibility=show bgcolor="#fff000" clip="0,0,1,1"></layer> 
<layer name="a9" left=10 top=10 visibility=show bgcolor="#ffa000" clip="0,0,1,1"></layer> 
<layer name="a10" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer> 
<layer name="a11" left=10 top=10 visibility=show bgcolor="#00ff00" clip="0,0,2,2"></layer> 
<layer name="a12" left=10 top=10 visibility=show bgcolor="#0000ff" clip="0,0,2,2"></layer> 
<layer name="a13" left=10 top=10 visibility=show bgcolor="#ff0000" clip="0,0,2,2"></layer> 
<div id="starsDiv" style="position:absolute;top:0px;left:0px"> 
<div style="position:relative;width:4px;height:4px;background:#ffffff;font-size:4px"></div> 
<div style="position:relative;width:2px;height:2px;background:#fff000;font-size:2px"></div> 
<div style="position:relative;width:2px;height:2px;background:#ffa000;font-size:2px"></div> 
<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px"></div> 
<div style="position:relative;width:2px;height:2px;background:#00ff00;font-size:2px"></div> 
<div style="position:relative;width:2px;height:2px;background:#0000ff;font-size:2px"></div> 
<div style="position:relative;width:2px;height:2px;background:#FF0000;font-size:2px"></div> 
<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px"></div> 
<div style="position:relative;width:2px;height:2px;background:#fff000;font-size:2px"></div> 
<div style="position:relative;width:2px;height:2px;background:#ffa000;font-size:2px"></div> 
<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px"></div> 
<div style="position:relative;width:4px;height:4px;background:#ff00ff;font-size:4px"></div> 
<div style="position:relative;width:2px;height:2px;background:#0000ff;font-size:2px"></div> 
<div style="position:relative;width:2px;height:2px;background:#FF0000;font-size:2px"></div> 
</div> 
<SCRIPT LANGUAGE="javascript"> 
<!-- Begin 
var Clrs = new Array(9); 
Clrs[0] = "ff0000"; 
Clrs[1] = "00ff00"; 
Clrs[2] = "000aff"; 
Clrs[3] = "ff00ff"; 
Clrs[4] = "ffa500"; 
Clrs[5] = "ffff00"; 
Clrs[6] = "00ff00"; 
Clrs[7] = "ffffff"; 
Clrs[8] = "fffff0"; 
var sClrs = new Array(5); 
sClrs[0] = "ffa500"; 
sClrs[1] = "55ff66"; 
sClrs[2] = "AC9DFC"; 
sClrs[3] = "fff000"; 
sClrs[4] = "fffff0"; 
var yBase; 
var xBase; 
var step; 
var currStep = 0; 
var Xpos = 1; 
var Ypos = 1; 
var initialStarColor = "ffa000"; 
var Mtop = 250; 
var Mleft = 250; 
function Fireworks() { 
if (document.all) { 
yBase = window.document.body.offsetHeight / 3; 
xBase = window.document.body.offsetWidth / 8; 
} 
else if (document.layers) { 
yBase = window.innerHeight / 3; 
xBase = window.innerWidth / 8; 
} 
if (document.all) { 
step = 5; 
for ( i = 0 ; i < starsDiv.all.length ; i++ ) { 
for (ai = 0; ai < Clrs.length; ai++) { 
var c = Math.round(Math.random()*[ai]); 
} 
if (currStep < 90) 
starsDiv.all.style.background=initialStarColor; 
if (currStep > 90) 
starsDiv.all.style.background=Clrs[c]; 
starsDiv.all.style.top = Mtop + yBase*Math.sin((currStep+i*5)/3)*Math.sin(550+currStep/100) 
starsDiv.all.style.left = Mleft + yBase*Math.cos((currStep+i*5)/3)*Math.sin(550+currStep/100) 
} 
} 
else if (document.layers) { 
step = 5; 
for ( j = 0 ; j < 24 ; j++ ) { //number of NS layers! 
var templayer = "a"+j; 
for (ai = 0; ai < Clrs.length; ai++) { 
var c = Math.round(Math.random()*[ai]); 
} 
if (currStep < 90) 
document.layers[templayer].bgColor=initialStarColor; 
if (currStep > 90) 
document.layers[templayer].bgColor=Clrs[c]; 
document.layers[templayer].top = Mtop + yBase*Math.sin((currStep+j*5)/3)*Math.sin(550+currStep/100) 
document.layers[templayer].left = Mleft + yBase*Math.cos((currStep+j*5)/3)*Math.sin(550+currStep/100) 
} 
} 
currStep+= step; 
T=setTimeout("Fireworks()",5); 
if (currStep == 220) { 
currStep = -10; 
for (n = 0; n < sClrs.length; n++) { 
var k = Math.round(Math.random()*n); 
} 
initialStarColor = sClrs[k]; 
if (document.all) { 
Dtop = window.document.body.clientHeight - 250; 
Dleft = xBase * 3.5; 
Mtop = Math.round(Math.random()*Dtop); 
Mleft = Math.round(Math.random()*Dleft); 
document.all.starsDiv.style.top = Mtop+document.body.scrollTop; 
document.all.starsDiv.style.left = Mleft+document.body.scrollLeft; 
} 
else if (document.layers) { 
Dleft = window.innerWidth - 100; 
Dtop = window.innerHeight - 100; 
Mtop = Math.round(Math.random()*Dtop+window.pageYOffset); 
Mleft = Math.round(Math.random()*Dleft+window.pageXOffset); 
document.layers[templayer].top = Mtop; 
document.layers[templayer].left = Mleft; 
} 
if ((Mtop < 20) ││ (Mleft < 20)) { 
Mtop += 90; 
Mleft += 90; 
} 
} 
} 
Fireworks(); 
// End --> 
</script>






请收藏万众海浪网永久域名:①www.838668.comwww.939138.com  业务联系: 朗文 1836688338
顶部
笑看六合
超级版主
Rank: 8Rank: 8


UID 249
精华 1
积分 4106
帖子 514
威望 4106 点
金钱 10291 RMB
阅读权限 150
注册 2005-12-25
状态 离线
 
发表于 2009-3-22 21:19  资料  个人空间  短消息  加为好友 
文章就象一杯葡萄酒,只有经过酝酿才会品味出其中滋味。

顶部
笑看六合
超级版主
Rank: 8Rank: 8


UID 249
精华 1
积分 4106
帖子 514
威望 4106 点
金钱 10291 RMB
阅读权限 150
注册 2005-12-25
状态 离线
 
发表于 2009-4-12 22:54  资料  个人空间  短消息  加为好友 
一起努力把论坛建设成和谐,文明的交流平台!

顶部
从番职出发
高级会员
Rank: 4


UID 15000
精华 0
积分 1376
帖子 59
威望 1376 点
金钱 3692 RMB
阅读权限 50
注册 2009-11-29
状态 离线
 
发表于 2009-12-25 17:55  资料  个人空间  短消息  加为好友  添加 从番职出发 为MSN好友 通过MSN和 从番职出发 交谈
看看论坛有什么变化哦……

顶部
饶河社区
新手上路
Rank: 1


UID 143693
精华 0
积分 6
帖子 2
威望 6 点
金钱 30 RMB
阅读权限 10
注册 2013-4-8
状态 离线
 
发表于 2013-4-29 22:44  资料  个人空间  短消息  加为好友  QQ

顶部
隆胸风雏
新手上路
Rank: 1


UID 166166
精华 0
积分 3
帖子 1
威望 3 点
金钱 20 RMB
阅读权限 10
注册 2014-9-12
状态 离线
 
发表于 2014-9-19 00:35  资料  个人空间  短消息  加为好友  QQ
这么好的帖子不顶就太对不起楼主了










武都微信公众账号|||微创整形医师库|||经典方便可以搜索全国最好最可靠微整形医生的神器!

顶部
丹吉海
新手上路
Rank: 1


UID 172608
精华 0
积分 30
帖子 6
威望 30 点
金钱 120 RMB
阅读权限 10
注册 2014-10-20
状态 离线
 
发表于 2014-10-22 01:56  资料  个人空间  短消息  加为好友  QQ
北京哪里有找 万众海浪论坛 上门 万众海浪论坛 服务 信息 电话万众海浪论坛-1098-1728,提供万众海浪论坛,万众海浪论坛,万众海浪论坛妹,万众海浪论坛,洋妞(欧美日韩女孩)五环内↓

顶部
顾床巡百
新手上路
Rank: 1


UID 175662
精华 0
积分 36
帖子 6
威望 36 点
金钱 130 RMB
阅读权限 10
注册 2014-11-7
状态 离线
 
发表于 2014-12-11 14:46  资料  个人空间  短消息  加为好友  添加 顾床巡百 为MSN好友 通过MSN和 顾床巡百 交谈
我是来学习的,真心觉你写得不错








上海外国语大学留学     上海外国语大学留学预科   上外留学

顶部
轩东
新手上路
Rank: 1


UID 170911
精华 0
积分 3
帖子 1
威望 3 点
金钱 20 RMB
阅读权限 10
注册 2014-10-11
状态 离线
 
发表于 2014-12-11 17:57  资料  个人空间  短消息  加为好友  QQ
找到好贴不容易,我顶你了,谢了










果冻录音,安卓系统最给力的通话录音软件,录音还可以申请出证,关键是免费的哦。果冻录音社区2.0正在公测,参与发布果冻还可以领红包,赶紧去抢哦。更多精彩内容关注微信guodongshequ,发“果冻录音”到12114.更多精彩和惊喜等着你哦

顶部
 

 

本站永久域名①:www.838668.com (点击加入您的收藏夹)

当前时区 GMT+8, 现在时间是 2024-3-28 20:41

     Powered by Discuz! 5.5.0  © 2001-2007, Skin by Cool
Clear Cookies - Contactus - 万众海浪论坛 - Archiver - wap