亚洲熟妇aV一区二区三区_ 轉一學(xué)就會(huì )_

一學(xué)就會(huì )__html語(yǔ)言成品代碼

發(fā)表日期：2005年7月16日出處：網(wǎng)絡(luò ) 作者：123 已經(jīng)有505位讀者讀過(guò)此文

百葉窗效果

代碼如下：

<TBODY>

<TR>

調整scrollDelay=XX可以調整滑動(dòng)速度

效果如下：

不懂html語(yǔ)言的朋友也可以做一幅漂亮的圖哦,只要復制這些代碼.換上你自已喜歡的圖片網(wǎng)址或者動(dòng)畫(huà)網(wǎng)址, 一幅屬于你的大作就產(chǎn)生了。

邊框：

1.兩層

2.八層

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

加入內容

</TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

3.三層

4.一層

<TBODY>

<TR>

5.兩層

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

加入內容

</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

</CENTER>

加入圖片代碼：

一、單純的一張圖片

二、加框有一層FLASH的圖片

<TBODY>

<TR>

<TD>

三、加框用兩層FLASH的圖片

<TBODY>

<TR>

<TD>

四、兩個(gè)FLASH上下排列的圖片：

<TBODY>

<TR>

<TD>

五、下上移動(dòng)的圖片們：

</MARQUEE></center>

六、左右移動(dòng)的圖片們：（要有個(gè)背景喲）

九：圖片向左右相反的方向移動(dòng)的效果：

hidden：=true為不可見(jiàn)，=false反之；

type：指定音頻類(lèi)型；

LOOP：是否循環(huán)播放，注意其值置于小角雙引號中；

AUTOSTART：是否自動(dòng)播放，其值同上。

<TBODY>

<TR>

<TD>

2、下面是貼“mp3”格式的語(yǔ)法，自動(dòng)播放，不循環(huán)語(yǔ)法命令。寬=（100----600），高=(30----40），可以根據自己的愛(ài)好修改，但是超過(guò)我提出的范圍就不太好看了！

3、下面是貼“mp3”格式的語(yǔ)法，自動(dòng)播放，自動(dòng)循環(huán)語(yǔ)法命令。

4、下面是貼“mp3”格式的語(yǔ)法，手動(dòng)播放，不循環(huán)語(yǔ)法命令

5、面是貼“mp3”格式的語(yǔ)法，手動(dòng)播放，自動(dòng)循環(huán)語(yǔ)法命令。

6、面是貼“mp3”格式的語(yǔ)法，隱藏播放器，（就象我的帖：《關(guān)于如何貼圖》的背景音樂(lè )一樣）自動(dòng)播放，自動(dòng)循環(huán)。不會(huì )顯示播放器

7、要是需要居中，就在語(yǔ)法命令前面加“<center>”（</center>注意使用居中結束）即可：

如：<center><embed src=http://file.flash8.net/swf/file12003up/waitbeau20033165456.swf width=500 height=400></center>

2、<TABLE cellPadding=100 width=480 align=center background=http://bbs.covv.com/pubfile/images/i0002264.gif border=0 cellSpacing40>

上面的代碼只要換紅色的地址就可以變成另外一個(gè)邊框了.

二、背景添加透明FLASH的語(yǔ)法命令

三、圖片橫向擺動(dòng)的語(yǔ)法命令

<P align=center><IMG style="WIDTH: 422px" height=390 src="圖片地址" width=300 onload="javascript:if(this.width>screen.width-333)this.width=screen.width-333"></P></MARQUEE></P>

四、網(wǎng)站引導語(yǔ)法命令

五、禁止右鍵命令

function click() {

if (event.button==2) {

alert('歡迎光臨寒舍，有什么需要幫忙的話(huà)，請與站長(cháng)聯(lián)系！謝謝您的合作?。?！')

}

document.onmousedown=click

</script>

六、圖片模糊處理命令

七、可以向上移動(dòng)的圖片或文字命令

八、上圖片向右，下圖片向左移動(dòng)的命令

九、圖片從右向左移動(dòng)的命令

十、圖片分別向左右移動(dòng)的命令

十一、文字在圖片中部向上移動(dòng)（隸書(shū)）

<TBODY>

<TR>

<CENTER><FONT style="FONT-SIZE: 36pt" face=隸書(shū) color=red><B>心靈相約相約心靈</B> </FONT></CENTER></MARQUEE></TD></TR></TOBDY></TBODY></TABLE>

其中<MARQUEE scrollAmount=2 direction=up height=200>為移動(dòng)命令,scrollAmount=2 數字越大，速度越快。direction=up 移動(dòng)的方向，可以變換英文“down”"left”“right”等。height=200 為移動(dòng)的高度。http://www.romantic-art.com/cards/flowers_h1/0007.JPG border=0 為圖片地址，你可以換成自己喜歡的圖片。“心靈相約相約心靈”是在圖片上寫(xiě)入的文字，可以根據需要寫(xiě)上其它字。

十二：禁復制命令：

window.ClearEvent=function(){event.cancelBubble=false;var sSrcTagName=event.srcElement.tagName.toLowerCase();

return (sSrcTagName=="textarea" || sSrcTagName=="input" || sSrcTagName=="select");}

window.ClearKey=function(){event.cancelBubble=false;var iKeyCode=event.keyCode;return !(iKeyCode==78 && event.ctrlKey);}

with (window.document){oncontextmenu=onselectstart=ondragstart=window.ClearEvent;onkeydown=window.ClearKey;}

</SCRIPT>

十三圖片水中倒影

腳本說(shuō)明:

把如下代碼加入<body>區域中

<IMG height=189 id=reflect src="119.gif"

width=237><BR>

function f1(){

setInterval("mdiv.filters.wave.phase+=10",100);

}

if (document.all){

document.write('<img id=mdiv src="'+document.all.reflect.src+'" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">')

window.onload=f1

}

</SCRIPT>

十四、

圖片集旋轉顯示

腳本說(shuō)明:

第一步：把如下代碼加入<body>區域中

// 7 variables to control behavior

var Car_Image_Width=140;

var Car_Image_Height=225;

var Car_Border=true; // true or false

var Car_Border_Color="white";

var Car_Speed=4;

var Car_Direction=true; // true or false

var Car_NoOfSides=8; // must be 4, 6, 8 or 12

/* array to specify images and optional links.

For 4 sided carousel specify at least 2 images

For 6 sided carousel specify at least 3

For 8 sided carousel specify at least 4

For 12 sided carousel specify at least 6

If Link is not needed keep it ""

Car_Image_Sources=new Array(

"200310171/photo1.jpg","http://www.cctv.com",

"200310171/photo2.jpg","http://www.cctv.com",

"200310171/photo3.jpg","",file://this slide isn't linked

"200310171/photo4.jpg","http://www.cctv.com" // NOTE No comma after last line

);

/***************** DO NOT EDIT BELOW **********************************/

CW_I=new Array(Car_NoOfSides/2+1);C_ClcW=new Array(Car_NoOfSides/2);

C_Coef=new Array(

3*Math.PI/2,0,3*Math.PI/2,11*Math.PI/6,Math.PI/6,3*Math.PI/2,7*Math.PI/4, 0,

Math.PI/4,3*Math.PI/2,5*Math.PI/3,11*Math.PI/6,0,Math.PI/6,Math.PI/3);

var C_CoefOf=Car_NoOfSides==4?0:Car_NoOfSides==6?2:Car_NoOfSides==8?5:9;

C_Pre_Img=new Array(Car_Image_Sources.length);

var C_Angle=Car_Direction?Math.PI/(Car_NoOfSides/2):0,C_CrImg=Car_NoOfSides,C_MaxW,C_TotalW,

C_Stppd=false,i,C_LeftOffset,C_HalfNo=Car_NoOfSides/2;

function Carousel(){

if(document.getElementById){

for(i=0;i<Car_Image_Sources.length;i+=2){

C_Pre_Img[i]=new Image();C_Pre_Img[i].src=Car_Image_Sources[i]}

C_MaxW=Car_Image_Width/Math.sin(Math.PI/Car_NoOfSides)+C_HalfNo+1;

Car_Div=document.getElementById("Carousel");

for(i=0;i<C_HalfNo;i++){

CW_I[i]=document.createElement("img");Car_Div.appendChild(CW_I[i]);

CW_I[i].style.position="absolute";

CW_I[i].style.top=0+"px";

CW_I[i].style.height=Car_Image_Height+"px";

if(Car_Border){

CW_I[i].style.borderStyle="solid";

CW_I[i].style.borderWidth=1+"px";

CW_I[i].style.borderColor=Car_Border_Color}

CW_I[i].src=Car_Image_Sources[2*i];

CW_I[i].lnk=Car_Image_Sources[2*i+1];

CW_I[i].onclick=C_LdLnk;

CW_I[i].onmouseover=C_Stp;

CW_I[i].onmouseout=C_Rstrt}

CarImages()}}

function CarImages(){

if(!C_Stppd){

C_TotalW=0;

for(i=0;i<C_HalfNo;i++){

C_ClcW[i]=Math.round(Math.cos(Math.abs(C_Coef[C_CoefOf+i]+C_Angle))*Car_Image_Width);

C_TotalW+=C_ClcW[i]}

C_LeftOffset=(C_MaxW-C_TotalW)/2;

for(i=0;i<C_HalfNo;i++){

CW_I[i].style.left=C_LeftOffset+"px";

CW_I[i].style.width=C_ClcW[i]+"px";

C_LeftOffset+=C_ClcW[i]}

C_Angle+=Car_Speed/720*Math.PI*(Car_Direction?-1:1);

if((Car_Direction&&C_Angle<=0)||(!Car_Direction&&C_Angle>=Math.PI/C_HalfNo)){

if(C_CrImg==Car_Image_Sources.length)C_CrImg=0;

if(Car_Direction){

CW_I[C_HalfNo]=CW_I[0];

for(i=0;i<C_HalfNo;i++)CW_I[i]=CW_I[i+1];

CW_I[C_HalfNo-1].src=Car_Image_Sources[C_CrImg];

CW_I[C_HalfNo-1].lnk=Car_Image_Sources[C_CrImg+1]}

else{ for(i=C_HalfNo;i>0;i--)CW_I[i]=CW_I[i-1];

CW_I[0]=CW_I[C_HalfNo];

CW_I[0].src=Car_Image_Sources[C_CrImg];

CW_I[0].lnk=Car_Image_Sources[C_CrImg+1]}

C_Angle=Car_Direction?Math.PI/C_HalfNo:0;C_CrImg+=2}}

setTimeout("CarImages()",50)}

function C_LdLnk(){if(this.lnk)window.location.href=this.lnk}

function C_Stp(){this.style.cursor=this.lnk?"pointer":"default";C_Stppd=true;}

function C_Rstrt(){C_Stppd=false}

</script>

</div>

第二步：把<body>中的內容改為：

十五、特效代碼

<BR>

<CENTER><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.long21.net/card/main/0411/041122f.swf width=400 height=300 type=application/x-shockwave-flash quality="high" ;; menu="false" wmode="transparent"></EMBED> </CENTER> 十六、自動(dòng)打字效果

var msg = "歡迎光臨夏之雪，請多提意見(jiàn)。謝謝! " ;

var interval = 120

var spacelen = 120;

var space10=" ";

var seq=0;

function Helpor_net() {

len = msg.length;

window.status = msg.substring(0, seq+1);

seq++;

if ( seq >= len ) {

seq = 0;

window.status = '';

window.setTimeout("Helpor_net();", interval );

}

else

window.setTimeout("Helpor_net();", interval );

}

Helpor_net();

</script>

十七、滿(mǎn)天飄花的特效

//Pre-load your image below!

grphcs=new Array(6)

Image0=new Image();

Image0.src=grphcs[0]="http://www.hlxbbs.com/bbs/upload/hlx_200491302631.gif";

Image1=new Image();

Image1.src=grphcs[1]="http://www.hlxbbs.com/bbs/upload/hlx_200491302631.gif"

Image2=new Image();

Image2.src=grphcs[2]="http://www.mypcera.com/photo/65/person/organ/mens/29.gif"

Image3=new Image();

Image3.src=grphcs[3]="http://www.mypcera.com/photo/65/person/organ/mens/29.gif"

Image4=new Image();

Image4.src=grphcs[4]="http://www.hlxbbs.com/bbs/upload/hlx_200491302631.gif"

Image5=new Image();

Image5.src=grphcs[5]="http://www.hlxbbs.com/bbs/upload/hlx_200491302631.gif"

Amount=8; //Smoothness depends on image file size, the smaller the size the more you can use!

Ypos=new Array();

Xpos=new Array();

Speed=new Array();

Step=new Array();

Cstep=new Array();

ns=(document.layers)?1:0;

ns6=(document.getElementById&&!document.all)?1:0;

if (ns){

for (i = 0; i < Amount; i++){

var P=Math.floor(Math.random()*grphcs.length);

rndPic=grphcs[P];

document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>");

}

else{

document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i = 0; i < Amount; i++){

var P=Math.floor(Math.random()*grphcs.length);

rndPic=grphcs[P];

document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">');

}

document.write('</div></div>');

}

WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;

WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;

for (i=0; i < Amount; i++){

Ypos[i] = Math.round(Math.random()*WinHeight);

Xpos[i] = Math.round(Math.random()*WinWidth);

Speed[i]= Math.random()*5+3;

Cstep[i]=0;

Step[i]=Math.random()*0.1+0.05;

}

function fall(){

var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;

var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;

var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop;

var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft;

for (i=0; i < Amount; i++){

sy = Speed[i]*Math.sin(90*Math.PI/180);

sx = Speed[i]*Math.cos(Cstep[i]);

Ypos[i]+=sy;

Xpos[i]+=sx;

if (Ypos[i] > WinHeight){

Ypos[i]=-60;

Xpos[i]=Math.round(Math.random()*WinWidth);

Speed[i]=Math.random()*5+3;

}

if (ns){

document.layers['sn'+i].left=Xpos[i];

document.layers['sn'+i].top=Ypos[i]+hscrll;

}

else if (ns6){

document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]);

document.getElementById("si"+i).style.top=Ypos[i]+hscrll;

}

else{

eval("document.all.si"+i).style.left=Xpos[i];

eval("document.all.si"+i).style.top=Ypos[i]+hscrll;

}

Cstep[i]+=Step[i];

}

setTimeout('fall()',20);

}

window.onload=fall

//-->

</SCRIPT>

十八、圖片滾動(dòng)的代碼

一、向左滾動(dòng)

1、調用“圖片”欄目圖片的向左滾動(dòng)代碼（效果演示）

以下是首頁(yè)模板最新圖片部分代碼

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

<tr>

</tr>

<tr>

</td>

</tr>

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

用以下是滾動(dòng)代碼代替上面紅色的標簽部分，注意紅色部分的變化。

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

<tr>

</td>

</tr>

</table>

</div>

var speed=15

demo12.innerHTML=demo11.innerHTML

function Marquee11(){

if(demo12.offsetWidth-demo.scrollLeft<=0)

demo.scrollLeft-=demo11.offsetWidth

else{

demo.scrollLeft++

}

var MyMar1=setInterval(Marquee11,speed)

demo.onmouseover=function() {clearInterval(MyMar1)}

demo.onmouseout=function() {MyMar1=setInterval(Marquee11,speed)}

</SCRIPT>

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

2、文章頻道圖片向左滾動(dòng)代碼（效果演示）

以下是文章頻道模板最新圖片部分代碼

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

<tr>

<td Class="main_title_575"><b>最新圖片{$ChannelShortName}</b></td>

</tr>

<tr>

<td Class="main_tdbg_575"> {$GetPicArticle(ChannelID,0,True,0,4,false,false,0,3,2,130,90,20,0,True,4)} </td>

</tr>

<tr>

</tr>

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

用以下是滾動(dòng)代碼代替上面紅色的標簽，注意紅色部分的變化。紅色數字代表了滾動(dòng)圖片的總數（這里為8張）。

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

<tr>

</td>

</tr>

</table>

</div>

var speed=15

demo12.innerHTML=demo11.innerHTML

function Marquee11(){

if(demo12.offsetWidth-demo.scrollLeft<=0)

demo.scrollLeft-=demo11.offsetWidth

else{

demo.scrollLeft++

}

var MyMar1=setInterval(Marquee11,speed)

demo.onmouseover=function() {clearInterval(MyMar1)}

demo.onmouseout=function() {MyMar1=setInterval(Marquee11,speed)}

</SCRIPT>

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

3、下載頻道圖片向左滾動(dòng)代碼（效果演示）

以下是下載頻道模板推薦下載圖片部分代碼

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

<tr>

<tr>

<td align="right">{$RssElite}</td>

</tr>

</table></td>

</tr>

<tr>

<td align="center" Class="main_tdbg_575"> {$GetPicSoft(ChannelID,0,True,0,4,false,True,0,3,2,130,90,20,0,True,4)} </td>

</tr>

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

用以下是滾動(dòng)代碼代替上面紅色的標簽，注意紅色部分的變化。紅色數字代表了滾動(dòng)圖片的總數（這里為12張）。

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

<tr>

</td>

</tr>

</table>

</div>

var speed=15

demo12.innerHTML=demo11.innerHTML

function Marquee11(){

if(demo12.offsetWidth-demo.scrollLeft<=0)

demo.scrollLeft-=demo11.offsetWidth

else{

demo.scrollLeft++

}

var MyMar1=setInterval(Marquee11,speed)

demo.onmouseover=function() {clearInterval(MyMar1)}

demo.onmouseout=function() {MyMar1=setInterval(Marquee11,speed)}

</SCRIPT>

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

從以上可以看出，滾動(dòng)圖片代碼基本上是相同的，不同的是調用圖片的標簽變了。

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

二、向上滾動(dòng)

向上滾動(dòng)代碼使用方法同上左滾動(dòng)代碼，這里只給出代碼，不再說(shuō)明。

以下是文章頻道圖片調用的滾動(dòng)代碼。

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

<tr>

</td>

</tr>

</TABLE>

</DIV>

</DIV>

var rollspeed=40

rolllink2.innerHTML=rolllink1.innerHTML

function Marquee(){

if(rolllink2.offsetTop-rolllink.scrollTop<=0)

rolllink.scrollTop-=rolllink1.offsetHeight

else{

rolllink.scrollTop++

}

var MyMar=setInterval(Marquee,rollspeed)

rolllink.onmouseover=function() {clearInterval(MyMar)}

rolllink.onmouseout=function() {MyMar=setInterval(Marquee,rollspeed)}

</SCRIPT>

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

以下是圖片頻道的3行4列向上滾動(dòng)代碼摘錄：（效果演示）

………………………

<tr>

<td colspan="3" Class="main_title_575"><a class="Class" href="{$InstallDir}{$ChannelDir}/ShowNew.asp"><b>最新{$ChannelShortName}</b></a></td>

</tr>

<tr>

<tr>

</td>

</tr>

</TABLE>

</DIV>

</DIV>

var rollspeed=40

rolllink2.innerHTML=rolllink1.innerHTML

function Marquee(){

if(rolllink2.offsetTop-rolllink.scrollTop<=0)

rolllink.scrollTop-=rolllink1.offsetHeight

else{

rolllink.scrollTop++

}

var MyMar=setInterval(Marquee,rollspeed)

rolllink.onmouseover=function() {clearInterval(MyMar)}

rolllink.onmouseout=function() {MyMar=setInterval(Marquee,rollspeed)}

</SCRIPT>

</td>

</tr>

</table>

</td>

</tr>

<tr>

</tr>

…………………………

三、向右滾動(dòng)

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

<tr>

</tr>

</table>

</div>

var speed=30

demo2.innerHTML=demo1.innerHTML

demo.scrollLeft=demo.scrollWidth

function Marquee(){

if(demo.scrollLeft<=0)

demo.scrollLeft+=demo2.offsetWidth

else{

demo.scrollLeft--

}

var MyMar=setInterval(Marquee, speed)

demo.onmouseover=function() {clearInterval(MyMar)}

demo.onmouseout=function() {MyMar=setInterval(Marquee, speed)}

</script>

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

注意滾動(dòng)圖片數不要太大，這會(huì )影響頁(yè)面下載速度。

十九、圖片和文字從右向左流動(dòng)

代碼

<MARQUEE scrollAmount=3 width=400><IMG src="http://vip.6to23.com/ofo/gif/lian.gif" onload="javascript:if(this.width>screen.width-333)this.width=screen.width-333"><FONT face=隸書(shū) color=lime size=4> 圖片和文字從右到左流動(dòng) <IMG src="http://vip.6to23.com/ofo/gif/lian.gif" onload="javascript:if(this.width>screen.width-333)this.width=screen.width-333"></FONT>

二十、圖片和文字從左向右流動(dòng)

圖片和文字從左到右流動(dòng)

代碼

<MARQUEE direction=right width=400 height=50><FONT face=隸書(shū) color=#ff0000 size=7>圖片和文字從左到右流動(dòng) <IMG src="http://vip.6to23.com/ofo/gif/lian.gif" onload="javascript:if(this.width>screen.width-333)this.width=screen.width-333"> </FONT></MARQUEE>

本站僅提供存儲服務(wù)，所有內容均由用戶(hù)發(fā)布，如發(fā)現有害或侵權內容，請點(diǎn)擊舉報。

欧美性猛交XXXX免费看蜜桃,成人网18免费韩国,亚洲国产成人精品区综合,欧美日韩一区二区三区高清不卡,亚洲综合一区二区精品久久