博客素材--網(wǎng)頁各種特效代碼 - 走進(jìn)我的空間心靈深處的呼喚男人情感家園 - gzqh...

春雨 2007-03-15

展開全文

一、細(xì)線表格制做代碼:

二、回復(fù)就變的美女圖片代碼：

其它技巧：將上述代碼放到簽名檔中，這樣你的簽名檔中就有美女了。如果將代碼換成下面這樣，就可以控制它的大小了。

只要改動120這個數(shù)字就能控制它的大小了。如簽名檔一般為60-120大小之間。

三、萬年歷代碼：

<a href="

四、博客介紹欄文字滾動代碼：

可以設(shè)置為向上、向下、向左、向右。

可以設(shè)置高度，滾動速度。

更改up, left, right, down

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

五、顯示ip及地址代碼：

六、三色鼠標(biāo)代碼：

要完成此效果把如下代碼加入到<head>區(qū)域中

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>

七、一種很酷的圖片動態(tài)切換效果代碼：

第一步、把下面這段代碼插入到頁面的<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>
第二步、調(diào)用定義好的JavaScript函數(shù)，在<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的數(shù)值，可以得到不同的轉(zhuǎn)換效果喲~~

八、在線給你的朋友發(fā)送推薦信代碼：

要完成此效果需要兩個步驟

第一步：把如下代碼加入到<head>區(qū)域中

<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>區(qū)域中

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