分享

博客素材--网页各种特效代码 - 走进我的空间 心灵深处的呼唤 男人情感家园 - gzqh...

 春雨 2007-03-15


 

一、细线表格制做代码:

<div align="center">

<table cellspacing="1" cellpadding="0" width="100%" bgcolor="#FF0000" border="0">
<tbody>
<tr bgcolor="#FFFFFF" height="20">
<td><div align="center">表格内容</div></td>
<td><div align="center">表格内容</div></td>
<td><div align="center">表格内容</div></td>
<td><div align="center">表格内容</div></td>
<tr bgcolor="#FFFFFF" height="20">
<td><div align="center">表格内容</div></td>
<td><div align="center">表格内容</div></td>
<td><div align="center">表格内容</div></td>
<td><div align="center">表格内容</div></td>
</tr></table></div>

二、回复就变的美女图片代码:

<P><IMG src=" http://www./img.asp?list=pic"></P>
<P> </P>

其它技巧:将上述代码放到签名档中,这样你的签名档中就有美女了。如果将代码换成下面这样,就可以控制它的大小了。

<P><IMG src=http://www./img.asp?list=pic   width=120></P>

只要改动120这个数字就能控制它的大小了。如签名档一般为60-120大小之间。

三、万年历代码:

<a href="http://www.bioon.com/time.htm" target=_blank>万年历</a>

四、博客介绍栏文字滚动代码:

可以设置为向上、向下、向左、向右。

可以设置高度,滚动速度。

更改up, left, right, down
 

<MARQUEE scrollAmount=1 direction=up height=120>你的文字介绍</MARQUEE >

五、显示ip及地址代码:

<SCRIPT src=‘http://free./ip/ip.asp‘></SCRIPT>

六、三色鼠标代码:

要完成此效果把如下代码加入到<head>区域中

<script language="JavaScript">
var a_Colour=‘ff0000‘;
var b_Colour=‘00ff00‘;
var c_Colour=‘0000ff‘;
var Size=50;

var YDummy=new Array(),XDummy=new Array(),xpos=0,ypos=0,ThisStep=0;step=0.03;
if (document.layers){
window.captureEvents(Event.MOUSEMOVE);
function nsMouse(evnt){
xpos = window.pageYOffset+evnt.pageX+6;
ypos = window.pageYOffset+evnt.pageY+16;
}
window.onMouseMove = nsMouse;
}
else if (document.all)
{
function ieMouse(){
xpos = document.body.scrollLeft+event.x+6;
ypos = document.body.scrollTop+event.y+16;
}
document.onmousemove = ieMouse;
}

function swirl(){
for (i = 0; i < 3; i++)
 {
  YDummy[i]=ypos+Size*Math.cos(ThisStep+i*2)*Math.sin((ThisStep)*6);
  XDummy[i]=xpos+Size*Math.sin(ThisStep+i*2)*Math.sin((ThisStep)*6);
 }
ThisStep+=step;
setTimeout(‘swirl()‘,10);
}

var amount=10;
if (document.layers){
for (i = 0; i < amount; i++)
{
document.write(‘<layer name=nsa‘+i+‘ top=0 left=0 width=‘+i/2+‘ height=‘+i/2+‘ bgcolor=‘+a_Colour+‘></layer>‘);
document.write(‘<layer name=nsb‘+i+‘ top=0 left=0 width=‘+i/2+‘ height=‘+i/2+‘ bgcolor=‘+b_Colour+‘></layer>‘);
document.write(‘<layer name=nsc‘+i+‘ top=0 left=0 width=‘+i/2+‘ height=‘+i/2+‘ bgcolor=‘+c_Colour+‘></layer>‘);
}
}
else if (document.all){
document.write(‘<div id="ODiv" style="position:absolute;top:0px;left:0px">‘
+‘<div id="IDiv" style="position:relative">‘);
for (i = 0; i < amount; i++)
{
document.write(‘<div id=x style="position:absolute;top:0px;left:0px;width:‘+i/2+‘;height:‘+i/2+‘;background:‘+

a_Colour+‘;font-size:‘+i/2+‘"></div>‘);
document.write(‘<div id=y style="position:absolute;top:0px;left:0px;width:‘+i/2+‘;height:‘+i/2+‘;background:‘+

b_Colour+‘;font-size:‘+i/2+‘"></div>‘);
document.write(‘<div id=z style="position:absolute;top:0px;left:0px;width:‘+i/2+‘;height:‘+i/2+‘;background:‘+

c_Colour+‘;font-size:‘+i/2+‘"></div>‘);
}
document.write(‘</div></div>‘);
}
function prepos(){
var ntscp=document.layers;
var msie=document.all;
if (document.layers){
for (i = 0; i < amount; i++)
{
 if (i < amount-1)
 {
 ntscp[‘nsa‘+i].top=ntscp[‘nsa‘+(i+1)].top;ntscp[‘nsa‘+i].left=ntscp[‘nsa‘+(i+1)].left;
 ntscp[‘nsb‘+i].top=ntscp[‘nsb‘+(i+1)].top;ntscp[‘nsb‘+i].left=ntscp[‘nsb‘+(i+1)].left;
 ntscp[‘nsc‘+i].top=ntscp[‘nsc‘+(i+1)].top;ntscp[‘nsc‘+i].left=ntscp[‘nsc‘+(i+1)].left;
 }
else 
 {
 ntscp[‘nsa‘+i].top=YDummy[0];ntscp[‘nsa‘+i].left=XDummy[0];
 ntscp[‘nsb‘+i].top=YDummy[1];ntscp[‘nsb‘+i].left=XDummy[1];
 ntscp[‘nsc‘+i].top=YDummy[2];ntscp[‘nsc‘+i].left=XDummy[2];
 }
}
}
else if (document.all){
for (i = 0; i <  amount; i++)
{
 if (i < amount-1)
 {
 msie.x[i].style.top=msie.x[i+1].style.top;msie.x[i].style.left=msie.x[i+1].style.left;
 msie.y[i].style.top=msie.y[i+1].style.top;msie.y[i].style.left=msie.y[i+1].style.left;
 msie.z[i].style.top=msie.z[i+1].style.top;msie.z[i].style.left=msie.z[i+1].style.left;
 }
else
 {
 msie.x[i].style.top=YDummy[0];msie.x[i].style.left=XDummy[0];
 msie.y[i].style.top=YDummy[1];msie.y[i].style.left=XDummy[1];
 msie.z[i].style.top=YDummy[2];msie.z[i].style.left=XDummy[2];
 }
}
}
setTimeout("prepos()",10);
}
function Start(){
swirl(),prepos()
}
window.onload=Start;
</script>

七、一种很酷的图片动态切换效果代码:

第一步、把下面这段代码插入到页面的<head>与</head>之间:<script language=javascript>
isns = navigator.appName == "Netscape";
function ztstr(id,picurl,linkurl)
{
this.id=id
this.picurl=picurl
this.linkurl=linkurl
}zhuanti=new Array()
imgcount=1;
frequency=10*1000;//30秒//在这里修改图片的路径和链接
zhuanti[1]=new ztstr(‘1‘,‘http://www./banner/banner1.gif‘,‘http://www.‘)
zhuanti[2]=new ztstr(‘2‘,‘http://www./banner/banner2.gif‘,‘http://www.‘)
zhuanti[3]=new ztstr(‘3‘,‘http://www./banner/banner3.gif‘,‘http://www.‘)
zhuanti[4]=new ztstr(‘4‘,‘http://www./banner/banner4.gif‘,‘http://www.‘)

imgcount=zhuanti.length-1
for(i=1;i<=imgcount;i++)
{
eval("img"+i+"=new Image()")
eval("img"+i+".src=zhuanti["+i+"].picurl")
}

nn=1var rand1 = 0;
var useRand = 0;
function swapPic() {
var imgnum = zhuanti.length - 1;
do {
var randnum = Math.random();
rand1 = Math.round((imgnum - 1) * randnum) + 1;
} while (rand1 == useRand);
useRand = rand1;
// alert(useRand);
nn=useRand;
change_img();
}
function change_img()
{
eval(‘document.pic.src=img‘+nn+‘.src‘);
nn++;
if(nn>imgcount) nn=1
if(!isns)
{
pic.filters.item(0).apply()
pic.style.visibility=‘visible‘
pic.filters.item(0).play()
setTimeout("pic.style.visibility=‘hidden‘",frequency);
}
else
document.pic.visibility=‘visible‘
tt=setTimeout(‘change_img()‘,frequency)
}
function pictarget()
{
tt=nn-1
if(tt<1) tt=imgcount
cururl=zhuanti[tt].linkurl
window.open(cururl);
}
function ini()
{
if(!isns)
{
spacewidth=Math.round((divmask.offsetWidth-770)/2)
dmwidth=770+spacewidth
dmheight=divmask.offsetHeight
totalstep=50
timeout=50
dmstepw=Math.round(770/totalstep)
dmsteph=Math.round(dmheight/totalstep)
setTimeout(‘hidimg()‘,3000)
}
else swapPic()
}
function hidimg()
{
dmwidth-=dmstepw
dmheight-=dmsteph
eval(‘divmask.style.clip="rect(0,‘+dmwidth+‘,‘+dmheight+‘,0)"‘)
hdrun=setTimeout(‘hidimg()‘,timeout)
if(dmwidth<=spacewidth&&dmheight<=0)
{
divmask.style.visibility=‘hidden‘
clearTimeout(hdrun)
swapPic()
}
}
</script>
第二步、调用定义好的JavaScript函数,在<body>里加上以下代码:<body onload=swapPic()>

第三步、在页面中插入图片和链接:<a href=javascript:void(null) onclick=‘javascript:pictarget();return false;‘>
<img src="http://www./banner/banner1.gif" width=468 height=60 border=0 name=pic style="visibility:hidden;filter:revealtrans(duration=2.0,transition=12)"></a>好,到这里就大功告成了。另外,试试改变transition的数值,可以得到不同的转换效果哟~~

八、在线给你的朋友发送推荐信代码:

要完成此效果需要两个步骤

第一步:把如下代码加入到<head>区域中

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function initMail(form) {
text = "Check out this page:  " + window.location;
form.message.value = "Hi " + form.sendto.value + " (" + form.to.value + "):\n\n"
 + text + "\n\nYour Friend,\n" + form.sendername.value + "(" + form.senderemail.

value + ")";
return (form.to.value != "");
}
//  End -->
</script>


第二步:把如下代码加入到<body>区域中

<center>
<form name=emailform method=post action="http://cgi./mail.pl" target="_new" onSubmit="return initMail(this);">
<input type=hidden name=subject value="** Check Out This Site! **">
<input type=hidden name=message value="">
<table>
<tr>
        <td colspan=2 align=center>告诉你的朋友到这儿来!</td>
      </tr>
<tr>
        <td>他的名字:</td>
        <td><input type=text name=sendto></td></tr>
<tr>
        <td>他的mail:</td>
        <td><input type=text name=to></td></tr>
<tr>
        <td>你的名字:</td>
        <td><input type=text name=sendername></td></tr>
<tr>
        <td>你的mail:</td>
        <td><input type=text name=senderemail></td></tr>
<tr><td colspan=2 align=center><input type=submit value="Ok!"></td></tr>
</table>
</form>
</center>
      


    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约