1 文章排序
<ul id="nav">
???<li id="q2" class="navnomenu">文章排序: </li>
???<li id="q1" class="active"><a href="???<li id="q1" class="normal"><a href="???<li id="q1" class="normal"><a href="???<li id="q1" class="normal"><a href="???<li id="q1" class="normal"><a href="???</ul></DIV>
2. 更多小圖標
<a href="<img src="
3..??刪除確認
?<div onclick="JavaScript:return confirm('Are you sure to delete?')">Delete</div>
??? <span onclick="JavaScript:return confirm('Are you sure to delete?')">Delete</span>
4.....Form
http://weather.news.qq.com/inc/ss103.htm?
<html>
<head>
<title>A element example</title>
</head>
<body>
?? <a name="top"></a>
?? <h2>Used as a hyperlink:</h2>
?? <a href="??
</body>
</html>
<-------------- --------------- ------------- ---------------- --------------------->
'a' Example: anchor
<html>
<head>
<title>A element example</title>
</head>
<body>
?? <a name="top"></a>
?? <h2>Used as an anchor:</h2>
?? <p><a href="#par3">Go to paragraph #3 in this page</a></p>
?? <p><a href="yourdocument.html#sty">Go to the yourdocument.htm page, sty location</a></p>
?? <p align="left">Paragraph #2</p>
?? <p align="left"><a name="par3">Paragraph #3</a></p>
?? <p align="left"><a href="#top">Top</a></p>
</body>
</html>
<-------------- --------------- ------------- ---------------- --------------------->
input
<html>
<head>
<title>input element example</title>
</head>
<body>
??? <form name="form2" method="post" action="">
??????? <p>This is a form with several input elements.</p>
??????? <input type="text" name="textfield2" value="This is a text field" size="30">
??????? <br>
??????? <input type="checkbox" name="checkbox2" value="checkbox">A checkbox.
??????? <br>
??????? <input type="radio" name="radiobutton" value="radiobutton1">
??????? <br>
??????? <input type="radio" name="radiobutton" value="radiobutton2">A set of radio buttons.
??????? <br>
??????? <input type="button" name="myButton2" value="Submit">A submit button.
??????? <br>
??????? <input type="button" name="myButton2" value="Reset">A reset button.
??????? <br>
??????? <input type="image"
?????????????? border="0"
?????????????? name="imageField"
?????????????? src="??? </form>
</body>
</html>
??????????????? -- -----?????? ---------------- -------- --------- ---- -------
'textarea' creates a multiline text entry control
???
<html>
<head>
<title>textarea element example</title>
</head>
<body>
??? <form name="form1" method="post" action="">
??????? <p>
??????????? <fieldset align="center">
??????????????? <textarea name="textfield1" cols="40" rows="2" wrap="hard">
??????????????? Your name and surname
??????????????? </textarea>
??????????????? <br>
??????????? </fieldset>
??????? </p>
??? </form>
???????????
??? <form name="form2" method="post" action="">
??????? <p>
??????????? <fieldset>
??????????????? <input type="text" name="textfield3" value="Street address" size="65">
??????????????? <br>
??????????????? <input type="text" name="textfield4" value="City" size="45">
??????????????? <br>
??????????????? <input type="text" name="textfield5" value="Zip Code" size="55">
??????????????? <br>
??????????????? <input type="text" name="textfield6" value="Email" size="55">
??????????????? <br>
??????????????? <input type="text" name="textfield7" value="Website" size="55">
??????????? </fieldset>
??????? </p>
??? </form>
</body>
</html>
?
<--------------------------------------->? DIV
<html>
<head>
<title>div element example</title>
</head>
<body>
?? <div id="Layer1" style="position:absolute;
?????????????????????????? visibility:visible; left:166px;
?????????????????????????? top:312px;
?????????????????????????? width:300px;
?????????????????????????? height:294px;
?????????????????????????? background-color:#FFFFCC;
?????????????????????????? layer-backgroundcolor:#FFFFCC;
?????????????????????????? border:1px none #000000;
?????????????????????????? z-index:1">
???? <p><img src="???????????? alt=""
???????????? width="300"
???????????? height="225"></p>
???? <p align="center">This div element contains an image plus a center aligned text.</p>
?? </div>
?? <div id="Layer2" style="position:absolute;
?????????????????????????? visibility:visible;
?????????????????????????? left:499px;
?????????????????????????? top:338px;
?????????????????????????? width:315px;
?????????????????????????? height:174px;
?????????????????????????? background-color:#CCFFCC;
?????????????????????????? layer-background-color:#CCFFCC;
?????????????????????????? border:1px none #000000;
?????????????????????????? z-index:2">
???? <p>Text.</p>
?? </div>
</body>
</html>
?
<---------------------------------------------------------->? iframe
<html>
<head>
<title>iframe element example</title>
</head>
<body>
??? <p align="center">
??? <iframe id="myIframe"
??????????? frameborder="1"
??????????? scrolling="yes"
??????????? src="??? </iframe>
??? </p>
<br><br><br>
??? <p align="center">
??? <iframe id="myIframe"
??????????? frameborder="10"
??????????? scrolling="yes"
??????????? src="??? </iframe>
??? </p>
</body>
</html>
<------------------------------------------>? Padding
<html>
<body>
<p>The image below has an all-around padding of 30px.</p>
<table>
?? <tr>
?????? <td style="padding='30 30 30 30'">
????????? <img src="?????????????? height="50"
?????????????? width="50"
?????????????? border="1">
?????? </td>
?? </tr>
</table>
</body>
</html>
<-------------------------------------------->?? boder
<html>
<head>
<style>
.style1 { border:3px solid blue; }
.style2 { border:"none";}
</style>
</head>
<body>
<div id="myL"
???? style="width:500;
??????????? height:500;
??????????? background-color:beige"
??????????? onmouseover="this.className='style1'"
??????????? onmouseout="this.className='style2'">
? This is a div element.
</div>
</body>
</html>
<----------------------------------------->?? cursor
<html>
<body>
<div class="explanations"
???? style="background-color:#dddddd;
??????????? cursor:hand;">
??????????? Move the mouse over this element to see the hand cursor.
</div>
</body>
</html>
<---------------------------->-???? -????? margin
<html>
<body>
<img id="myImg"
???? src="???? height="100"
???? width="100"
???? border="1">
????
<button onclick="myImg.style.margin='25 25 25 25'">25 Px Margin</button>
<button onclick="myImg.style.margin='0 0 0 0'">0 Margin</button>
</body>
</html>
<--------------------------------------------->? visibilty
<html>
<body>
<p>
<img id="myImg" src="</p>
<input type="button"
?????? value="Set visibility property to hidden"
?????? onclick="myImg.style.visibility='hidden'">
??????
<input type="button"
?????? value="Set visibility property to visible"
?????? onclick="myImg.style.visibility='visible'">
</body>
</html>
<------------------------------------------>?? span
<html>
<head>
<title>span element example</title>
</head>
<body>
<p align="center">
?? This <span style="color:#FF0000; font-size:10pt; text-transform:uppercase;">
?????????? paragraph
??????? </span>
??????? has text of
??????? <span style="color:blue; font-size:18pt; text-transform:uppercase;">
??????? three
??????? </span>
??????? different
??????? <span style="color:blue; font-size:14pt; text-decoration:underline;">
??????? styles
??????? </span>.
</p>
</body>
</html>
<------------------------------------------>?? style
???
<html>
<title>style element example</title>
<head>
<style>body { background-color: black; color: white; }</style>
</head>
<body>The body cotains a black background and white letters.</body>
</html>
<------------------------------------------->??? marquee
<td align="center" width="68px" valign="bottom"><div align="left" class="g_a_1_1_1">訪客留言</div></td>
????? <td align="right" height="18px" valign="bottom"><a href="gleavwords.php?groupid=1039" class="top_b">全部留言»</a></td>
????? </tr></table></div>
????????????? <marquee scrollAmount=2 height=120 direction=up onMouseOver="this.stop()" onMouseOut="this.start()">暫無訪客留言.</marquee>
<---------------------------------------->? google
<table width="100%" align="right"? border="0" cellpadding="0" cellspacing="0" style="padding-top:3px;">
????<tr><td><table align="right" border="0" cellpadding="0" cellspacing="0"><tr>
?????<td align="right" title="圈子標簽:技術 網絡 讀書 圖書" height="25" style="cursor:pointer;" width="120px">
?????<b>查閱本圈相關內容:</b>
?????</td>
?????<td align="right">
??????<input type="radio" name="srcto"? value="0" checked onclick="javascript:showASearch(0);">論壇
??????<input type="radio" name="srcto"? value="1"? onclick="javascript:showASearch(1);">博客
??????<input type="radio" name="srcto"? value="2"? onclick="javascript:showASearch(2);">google
??????<input type="radio" name="srcto"? value="3"? onclick="javascript:showASearch(3);">baidu
?????</td>
?????<td id="src_0"><table align="right" border="0" cellpadding="0" cellspacing="0">
?????<form name="bbssrc" method="GET" action="??????<input type=hidden name=srchtype value=title>
??????<input type=hidden name=stype value=1>
??????<input type=hidden name=searchsubmit value=yes>
??????<tr><td>
??????????????? <input name="srchtxt" class="input_0" value="技術|網絡|讀書|圖書" type="text" size="16" style="width:150px; height:21px;"/>
????????????</td><td align="center" width="40px">
??????<input name="Submit" type="submit" class="input_top" value="搜索"/>
??????</td></tr>
?????</form>
?????</table></td>
?????<td id="src_1" style="display:none;"><table align="right" border="0" cellpadding="0" cellspacing="0">
< ------------------------------------------>
?????<form name="blogsrc" method="GET" action="??????<tr><td>
???????? ????????? <input name="keyword" class="input_0" value="技術|網絡|讀書|圖書" type="text" size="16" style="width:150px; height:21px;"/>
????????????<input type=hidden name=step value=2>
??????<input type=hidden name=search_type value=art>
??????<input type=hidden name=search_in value=search.php>
??????</td><td align="center" width="40px">
??????<input name="Submit" type="submit" class="input_top" value="搜索"/>
??????</td></tr>
?????</form>
?????</table></td>
<----------------------------------------->
?????<td id="src_2" style="display:none;"><table align="right" border="0" cellpadding="0" cellspacing="0">
?????<form name="googsrc" method="GET" action="??????<input type=hidden name=ie value=GB2312>
??????<input type=hidden name=oe value=GB2312>
??????<input type=hidden name=hl value=zh-CN>
??????<input type=hidden name=domains value="51cto.com">
??????<input type=hidden name=sitesearch value="51cto.com">
??????<tr><td>
???????? ????????? <input name="q" class="input_0" value="技術 網絡 讀書 圖書" type="text" size="16" style="width:150px; height:21px;"/>
????????????</td><td align="center" width="40px">
??????<input name="Submit" type="submit" class="input_top" value="搜索"/>
??????</td></tr>
?????</form>
?????</table></td>
<------------------------------------>
?????<td id="src_3" style="display:none;"><table align="right" border="0" cellpadding="0" cellspacing="0">
?????<form name="f1" method="GET" action="??????<input name=tn type=hidden value="bds">
??????<input name=cl type=hidden value="3">
??????<input name=ct type=hidden value="2097152">
??????<input type=hidden name=si value="51cto.com">
??????<input type=hidden name=s value="51cto.com">
??????<tr><td>
???????? ???<input name="word" class="input_0" value="技術 網絡 讀書 圖書" type="text" size="16" style="width:150px; height:21px;"/>
?????????</td><td align="center" width="40px">
??????<input name="Submit" type="submit" class="input_top" value="搜索"/>
??????</td></tr>
?????</form>
?????</table></td>
????</tr>
???</table></td></tr></table>
<+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++0>
?<script language="javascript">
function submitword(){
?document.inword.submitw.value = 'addword';
?document.inword.submit();
}
function nopope1(){
?document.inword.popelwd.value = 'nlwd';
?document.inword.submit();
}
function nopopeu(){
?document.inword.popeuwd.value = 'ulwd';
?document.inword.submit();
}
</script>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
?<form name="inword" method="post" onsubmit="javascript:submitword();">
?<input type="hidden" name="submitw" value="">
?<input type="hidden" name="popelwd" value="">
?<input type="hidden" name="popeuwd" value="">
?<tr><td>
????? <table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td height="1" bgcolor="#9C9E9C"></td></tr></table>
<table width='100%' border='0' cellpadding='0' cellspacing='0' id='gonggao'><tr><td height='10' id='liuyan'></td></tr><tr>????????? <td align="right" width="25%" valign="middle">訪客留言:</td>
????????? <td align='left' valign='top' width='75%'><textarea name='leaveword' class='input_0' style='WIDTH:380px;HEIGHT:120px'></textarea></td></tr><tr><td align='right' valign='bottom'>驗證碼:</td><td align='left'><input name='authnum' class='input_0' type='text' style='width:50px;' value=''/><img src="seccode.php" onclick="this.src='seccode.php'" style="cursor : pointer;"> <font color='red'>(如果看不清請點擊圖片進行更換.)</font></td></tr><tr><td height='10'></td></tr><tr><td colspan='2' align='center' valign='top'><input name='button2' type='button' class='input_top' onclick='javascript:submitword();' value='發表訪客留言' /></tr><tr><td height='10'></td></tr></table>?</td>
?</tr>
?</form>
?</table>?</div>
</div>? </div>
? <div style="font: 0px/0px sans-serif;clear: both;display: block"> </div><!--here-->
</div>
? http://group.51cto.com/seccode.php
5..................IFrame
<html>
<head>
<title>IFrame語法小全</title>
<META NAME="keywords" CONTENT="色彩剖析,網站設計,創意舞臺,平面設計,文學藝術,圓點沙龍,幽默笑話,攝影園地,CI形象設計,站點導航,精品欣賞,設計雜談,福建省,福州,論壇,colour ,photo,joke,design,idea,web,net,graphics,CI,literature,showpiece,navigate,BBS,photo,fujian,fuzhou,apointview,guestbook">
<META NAME="Description" CONTENT="色彩剖析,網站設計,創意舞臺,平面設計,文學藝術,圓點沙龍,幽默笑話,攝影園地,CI形象設計,站點導航,精品欣賞,設計雜談,福建省,福州,論壇,colour ,photo,joke,design,idea,web,net,graphics,CI,literature,showpiece,navigate,BBS,photo,fujian,fuzhou,apointview,guestbook">
<META NAME="keywords" CONTENT="圓點視線,網站設計,基礎知識,網頁特效,網站設計技巧,FLASH動畫,網站教程,色彩應用,網絡廣告,酷站推薦,網頁欣賞,圖庫字體,網絡營銷,Photoshop教程,Dreamweaver教程,CSS層疊樣式表,firwors教程,html教程,韓國網站,國外網站,Email營銷,圖庫字體,圖片素材資料">
<META name="Description" CONTENT="圓點視線,網站設計,基礎知識,網頁特效,網站設計技巧,FLASH動畫,網站教程,色彩應用,網絡廣告,酷站推薦,網頁欣賞,圖庫字體,網絡營銷,Photoshop教程,Dreamweaver教程,CSS層疊樣式表,firwors教程,html教程,韓國網站,國外網站,Email營銷,圖庫字體,圖片素材資">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<META content="MSHTML 5.00.2920.0" name=GENERATOR>
<link href="/Images/2006/apoints_con.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.style1 {color: #0099cc}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
//改變圖片大小
function resizepic(thispic)
{
if(thispic.width>700){thispic.height=thispic.height*700/thispic.width;thispic.width=700;}
}
//無級縮放圖片大小
function bbimg(o)
{
? var zoom=parseInt(o.style.zoom, 10)||100;
? zoom+=event.wheelDelta/12;
? if (zoom>0) o.style.zoom=zoom+'%';
? return false;
}
//雙擊鼠標滾動屏幕的代碼
var currentpos,timer;
function initialize()
{
timer=setInterval ("scrollwindow ()",30);
}
function sc()
{
clearInterval(timer);
}
function scrollwindow()
{
currentpos=document.body.scrollTop;
window.scroll(0,++currentpos);
if (currentpos !=document.body.scrollTop)
sc();
}
document.onmousedown=sc
document.ondblclick=initialize
//更改字體大小
var status0='';
var curfontsize=10;
var curlineheight=18;
function fontZoomA(){
? if(curfontsize>8){
??? document.getElementById('fontzoom').style.fontSize=(--curfontsize)+'pt';
?document.getElementById('fontzoom').style.lineHeight=(--curlineheight)+'pt';
? }
}
function fontZoomB(){
? if(curfontsize<64){
??? document.getElementById('fontzoom').style.fontSize=(++curfontsize)+'pt';
?document.getElementById('fontzoom').style.lineHeight=(++curlineheight)+'pt';
? }
}
</script>
</head>
<body bgcolor="#CCCCCC" background="/images/apoints_bg.jpg" text="#000000" topmargin="0" leftmargin="2"? oncontextmenu='return false' ondragstart='return false' onselectstart ='return false' onselect='document.selection.empty()' oncopy='document.selection.empty()' onbeforecopy='return false' onmouseup='document.selection.empty()'>
<noscript>
<iframe src=*></iframe>
</noscript>
<div id=menuDiv style='Z-INDEX: 1000; VISIBILITY: hidden; WIDTH: 1px; POSITION: absolute; HEIGHT: 1px; BACKGROUND-COLOR: #9cc5f8'></div>
<table width="950" border="0" align="center" cellpadding="0" cellspacing="0">
? <tr>
???
??? <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
??????? <tr>
????????? <td bgcolor="F77126"><SCRIPT language=javascript src=">
??????? </tr>
??????? <tr>
????????? <td bgcolor="84F726"><script language=javascript src="/web/teachtop.js"></script></td>
??????? </tr>
????? </table></td>
???
? </tr>
</table>
<table width="950" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="FB710B">
? <tr><td></td></tr>
</table>
<table width="950" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
? <tr>
??? <td width="720" valign="top"><table width="100%" height="25" border="0" cellpadding="0" cellspacing="0" bgcolor="676767">
??????? <tr>
????????? <td width="4%"><img src="/Images/2006/index_apoints_con01.gif" width="24" height="16"></td>
????????? <td width="96%" class="LinkPath">您現在的位置： <a class='LinkPath' >圓點視線</a> >> <a class='LinkPath' href='/web/Index.html'>網站</a> >> <a class='LinkPath' href='/web/wzjc/Index.html'>網頁設計</a> >> <a class='LinkPath' href='/web/wzjc/jiqiao/Index.html'>網頁制作相關技巧</a> >> 文章正文</td>
??????? </tr>
????? </table>
????? <table width="100%" border="0" cellspacing="0" cellpadding="0">
??????? <tr>
????????? <td height="25" background="/Images/2006/index_apoints_con03.gif"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="biaoti01" style="word-break:break-all;Width:fixed">
????????????? <tr>
??????????????? <td width="3%" valign="middle"><img src="/Images/2006/index_apoints_con02.gif" width="28" height="18"></td>
??????????????? <td width="66%">IFrame語法小全</td>
??????????????? <td align="right"> <font color=red>熱</font> <font color='#009999'>★★★</font></td>
????????????? </tr>
??????????? </table></td>
??????? </tr>
??????? <tr>
????????? <td height="35" align="center" bgcolor="EFF0F0" class="articletitle">IFrame語法小全</td>
??????? </tr>
??????? <tr>
????????? <td height="20" align="center" bgcolor="EFF0F0" class="articlesubhead"></td>
??????? </tr>
??????? <tr>
????????? <td height="1" bgcolor="#FFFFFF"></td>
??????? </tr>
??????? <tr>
????????? <td height="25" align="center" bgcolor="A7B3B0" class="apointsauthor">作者：佚名
??????????? 文章來源：圓點視線 點擊數：<script language='javascript' src='/web/GetHits.asp?ArticleID=5781'></script> 更新時間：2005-8-9 11:20:45 <a href="javascript:d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(vivi=window.open('http://vivi.sina.com.cn/collect/icollect.php?pid=2008&title='+escape(d.title)+'&url='+escape(d.location.href)+'&desc='+escape(t),'vivi','scrollbars=no,width=480,height=480,left=75,top=20,status=no,resizable=yes'));vivi.focus();" title="收藏的網頁將被永久地保存到新浪ViVi收藏夾 src="/images/vivi_coop1.gif" border="0" align="absmiddle"></a></td>
??????? </tr>
??????? <tr>
????????? <td height="25" bgcolor="F2F2F2"><table width="100%" border="0" cellspacing="0" cellpadding="0" class="gongneng">
????????????? <tr>
??????????????? <td width="86%"> 頁面功能：【<a href="/web/Comment.asp?ArticleID=5781" target="_blank">發表評論</a>】【<a href="/User/User_Favorite.asp?Action=Add&ChannelID=8&InfoID=5781" target="_blank">加入收藏</a>】【<a href="/web/SendMail.asp?ArticleID=5781" target="_blank">告訴好友</a>】【<a href="/web/Print.asp?ArticleID=5781" target="_blank">打印此文</a>】【<a href="javascript:window.close();">關閉窗口</a>】</td>
??????????????? <td width="14%">【字體：<a href="javascript:fontZoomA();" class="top_UserLogin">小</a>
????????????????? <a href="javascript:fontZoomB();" class="top_UserLogin">大</a>】</td>
????????????? </tr>
??????????? </table></td>
??????? </tr>
????? </table>
????? <table width="100%" border="0" align="center" cellpadding="8" cellspacing="0" class="articlecom">
?????? <tr>
????????? <td colspan="2" align="center" valign="top" class="articlecom" id="fontzoom" style="word-break:break-all;Width:fixed">
??? <TABLE class=tableBorder1 cellSpacing=0 cellPadding=0 width="99%"
??????????? align=center>
??????????????? <TR>
????????????????? <TD class=double bgColor=#f0f9ff height=25> <DIV align=center>
??????????????????? <!--正文頭部廣告開始位置--><script language='javascript' src='/AD_dai/200605/con_left01.js'></script>
????????????????? </DIV></TD>
??????????????? </TR>
??????????? </TABLE></td>
??????? </tr>
???? <tr>
????????? <td height="200" colspan="2" valign="top" class="articlecom" id="fontzoom" style="word-break:break-all;Width:fixed">
??? <FONT face=宋體> IFrame可以在網頁內嵌入另一個頁面，類似“畫中畫”形式。<BR><BR> 標記的使用格式是: </FONT>
<P></P>
<P><FONT face=宋體></FONT></P>
<P 150%?><FONT face=宋體> <Iframe src="URL" width="x" height="x" scrolling="[OPTION]" frameborder="x"></iframe> <BR> src：文件的路徑，既可是HTML文件，也可以是文本、ASP等； <BR> width、height："畫中畫"區域的寬與高； <BR> scrolling:當SRC的指定的HTML文件在指定的區域不顯不完時，滾動選項，如果設置為NO，則不出現滾動條；如為Auto：則自動出現滾動條；如為Yes，則顯示; <BR> FrameBorder：區域邊框的寬度，為了讓“畫中畫“與鄰近的內容相融合，常設置為0。 </FONT>
<P><FONT face=宋體></FONT></P>
<P></P>
<P 150%?><FONT face=宋體> 比如:
<P></P></FONT>
<P></P>
<P 150%?><FONT face=宋體> <Iframe src="<A href="<P></P></FONT>
<P></P>
<P 150%?><FONT face=宋體> 1、在父窗體中訪問并控制子窗體中的對象
<P></P></FONT>
<P></P>
<P 150%?><FONT face=宋體> 在父窗體中，Iframe即子窗體是document對象的一個子對象，可以直接在腳本中訪問子窗體中的對象。
<P></P></FONT>
<P></P>
<P 150%?><FONT face=宋體> 現在就有一個問題，即，我們怎樣來控制這個Iframe，這里需要講一下Iframe對象。當我們給這個標記設置了ID 屬性后，就可通過文檔對象模型DOM對Iframe所含的HTML進行一系列控制。
<P></P></FONT>
<P></P>
<P 150%?><FONT face=宋體> 比如在example.htm里嵌入test.htm文件，并控制test.htm里一些標記對象：</FONT><FONT face=宋體> <BR> </FONT><FONT face=宋體><Iframe src="test.htm" id="test" width="250" height="200" scrolling="no" frameborder="0"></iframe> <BR>test.htm文件代碼為</FONT><FONT face=宋體>: <BR> </FONT><FONT face=宋體><html> <BR> </FONT><FONT face=宋體><body> <BR> </FONT><FONT face=宋體><h1 id="myH1">hello,my boy</h1> <BR> </FONT><FONT face=宋體></body> <BR> </FONT><FONT face=宋體></html> <BR> 如我們要改變ID號為myH1的H1標記里的文字為hello,my dear，則可用</FONT><FONT face=宋體>: <BR> document.myH1.innerText="hello,my dear"(其中，document可省</FONT><FONT face=宋體>) <BR> 在example.htm文件中，Iframe標記對象所指的子窗體與一般的DHTML對象模型一致，對對象訪問控制方式一樣，就不再贅述。
<P></P></FONT>
<P></P>
<P 150%?><FONT face=宋體> 2、在子窗體中訪問并控制父窗體中對象
<P></P></FONT>
<P></P>
<P 150%?><FONT face=宋體> 在子窗體中我們可以通過其parent即父（雙親）對象來訪問父窗口中的對象。</FONT><FONT face=宋體> <BR> 如example.htm：</FONT><FONT face=宋體> <BR> </FONT><FONT face=宋體><html> <BR> </FONT><FONT face=宋體><body onclick="alert(tt.myH1.innerHTML)"> <BR> </FONT><FONT face=宋體><Iframe name="tt" src="frame1.htm" width="250" height="200" scrolling="no" frameborder="0"></iframe> <BR> </FONT><FONT face=宋體><h1 id="myH2">hello,my wife</h1> <BR> </FONT><FONT face=宋體></body> <BR> </FONT><FONT face=宋體></html> <BR> 如果要在frame1.htm中訪問ID號為myH2中的標題文字并將之改為"hello,my friend"，我們就可以這樣寫：</FONT><FONT face=宋體> <BR> </FONT><FONT face=宋體>parent.myH2.innerText="hello,my friend" <BR> 這里parent對象就代表當前窗體(example.htm所在窗體)，要在子窗體中訪問父窗體中的對象，無一例外都通過parent對象來進行。
<P></P></FONT>
<P></P>
<P 150%?><FONT face=宋體> Iframe雖然內嵌在另一個HTML文件中，但它保持相對的獨立，是一個“獨立王國“喲，在單一HTML中的特性同樣適用于浮動幀中。
<P></P></FONT>
<P></P>
<P 150%?><FONT face=宋體> 試想一下，通過Iframe標記，我們可將那些不變的內容以Iframe來表示，這樣，不必重復寫相同的內容，這有點象程序設計中的過程或函數，減省了多少繁瑣的手工勞動！另外，至關重要的是，它使頁面的修改更為可行，因為，不必因為版式的調整而修改每個頁面，你只需修改一個父窗體的版式即可了。
<P></P></FONT>
<P></P>
<P 150%?><FONT face=宋體> 要注意的是，Nestscape6.0之前版本不支持Iframe標記。
<P></P></FONT>
<P></P><FONT face=宋體> 例子：<BR><BR>1:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::</FONT><FONT face=宋體><BR><iframe src="</FONT><FONT face=宋體>頁面" width="寬度" height="高度" align="排列可以是left或right,center" scrolling="是否有滾動條可以填no或yes"></iframe>
<P></P></FONT>
<P></P>
<P 150%?><FONT face=宋體><IFRAME frameBorder=0 frameSpacing=0 height=25 marginHeight=0 marginWidth=0 scrolling=no name=main src="bgm/bgm.html" width=300></IFRAME><BR> <BR><BR>2:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::<BR>用了iframe后 發現滾動條不漂亮 想用2個圖片來代替↑↓
<P></P></FONT>
<P></P>應該怎么實現呢？<BR>回答：<BR>用下列代碼替換網頁的<FONT face="宋體, MS Song"><title>..</title> <BR><SCRIPT LANGUAGE="javascript"><BR>function scroll(n)<BR>{temp=n;<BR>Out1.scrollTop=Out1.scrollTop+temp;<BR>if (temp==0) return;<BR>setTimeout("scroll(temp)",80);<BR>}<BR></SCRIPT><BR><TABLE WIDTH="330"><BR><TR> <BR><TD WIDTH="304" VALIGN="TOP" ROWSPAN="2" > <BR><DIV ID=Out1 STYLE="width:100%; height:100;overflow: hidden ;border-style:dashed;border-width: 1px,1px,1px,1px;"> <BR></FONT>文字<FONT face="宋體, MS Song"><BR> </FONT>文字<FONT face="宋體, MS Song"><BR><BR></FONT>文字<FONT face="宋體, MS Song"><BR> <BR></FONT>文字<FONT face="宋體, MS Song"><BR><BR></FONT>文字<BR><FONT face="宋體, MS Song"><BR><BR><BR><BR></DIV><BR></TD><BR><TD WIDTH="14" VALIGN="TOP"><IMG src="photo/up0605.gif" WIDTH="14" HEIGHT="20" onmouseover="scroll(-1)" onmouseout="scroll(0)" onmousedown="scroll(-3)" BORDER="0" ALT="</FONT>按下鼠標速度會更快！<FONT face="宋體, MS Song">"></TD><BR></TR><BR><TR><BR><TD WIDTH="14" VALIGN="BOTTOM"><IMG src="photo/down0605.gif" onmouseover="scroll(1)" onmouseout="scroll(0)" onmousedown="scroll(3)" BORDER="0" WIDTH="15" HEIGHT="21" ALT="</FONT>按下鼠標速度會更快！<FONT face="宋體, MS Song">"></TD><BR></TR><BR></TABLE><BR><BR><SPAN id=ArticleContent1_ArticleContent1_lblContent>:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::<BR>下面這段代碼可以實現IFrame自適應高度，即隨著頁面的長度，自動適應以免除頁面和IFrame同時出現滾動條。
<P>源代碼如下</P>
<P><script type="text/javascript"><BR>//** iframe自動適應頁面 **//</P>
<P>//輸入你希望根據頁面高度自動調整高度的iframe的名稱的列表<BR>//用逗號把每個iframe的ID分隔. 例如: ["myframe1", "myframe2"]，可以只有一個窗體，則不用逗號。</P>
<P>//定義iframe的ID<BR>var iframeids=["test"]</P>
<P>//如果用戶的瀏覽器不支持iframe是否將iframe隱藏 yes 表示隱藏，no表示不隱藏<BR>var iframehide="yes"</P>
<P>function dyniframesize() <BR>{<BR>var dyniframe=new Array()<BR>for (i=0; i<iframeids.length; i++)<BR>{<BR>if (document.getElementById)<BR>{<BR>//自動調整iframe高度<BR>dyniframe[dyniframe.length] = document.getElementById(iframeids);<BR>if (dyniframe && !window.opera)<BR>{<BR>dyniframe.style.display="block"<BR>if (dyniframe.contentDocument && dyniframe.contentDocument.body.offsetHeight) //如果用戶的瀏覽器是NetScape<BR>dyniframe.height = dyniframe.contentDocument.body.offsetHeight; <BR>else if (dyniframe.Document && dyniframe.Document.body.scrollHeight) //如果用戶的瀏覽器是IE<BR>dyniframe.height = dyniframe.Document.body.scrollHeight;<BR>}<BR>}<BR>//根據設定的參數來處理不支持iframe的瀏覽器的顯示問題<BR>if ((document.all || document.getElementById) && iframehide=="no")<BR>{<BR>var tempobj=document.all? document.all[iframeids] : document.getElementById(iframeids)<BR>tempobj.style.display="block"<BR>}<BR>}<BR>}</P>
<P>if (window.addEventListener)<BR>window.addEventListener("load", dyniframesize, false)<BR>else if (window.attachEvent)<BR>window.attachEvent("onload", dyniframesize)<BR>else<BR>window.onload=dyniframesize<BR></script></P></SPAN></FONT> <center></center></center></td>
??????? </tr>
????? </table>
????? <table width="100%" border="0" cellpadding="0" cellspacing="5" class="articlenew">
??????? <tr valign="top">
????????? <td align="center">
??????????? <!--正文結束廣告開始位置-->
??????????? <script language='javascript' src='/AD_dai/200605/con_left02.js'></script></td>
??????? </tr>
????? </table>
????? <table width="100%" border="0" cellspacing="0" cellpadding="0">
??????? <tr>
????????? <td width="1" bgcolor="E7E5E5"></td>
??????? </tr>
??????? <tr>
????????? <td height="1" bgcolor="#FFFFFF"></td>
??????? </tr>
??????? <tr>
????????? <td height="20" bgcolor="F7F7F7" class="gongneng"> 【<a href="/web/Comment.asp?ArticleID=5781" target="_blank">發表評論</a>】【<a href="/User/User_Favorite.asp?Action=Add&ChannelID=8&InfoID=5781" target="_blank">加入收藏</a>】【<a href="/web/SendMail.asp?ArticleID=5781" target="_blank">告訴好友</a>】【<a href="/web/Print.asp?ArticleID=5781" target="_blank">打印此文</a>】【<a href="javascript:window.close();">關閉窗口</a>】 文章錄入：apoints 責任編輯：apoints 【字體：<a href="javascript:fontZoomA();" class="top_UserLogin">小</a>
??????????? <a href="javascript:fontZoomB();" class="top_UserLogin">大</a>】 </td>
??????? </tr>
??????? <tr>
????????? <td height="1" bgcolor="D7D7D7"></td>
??????? </tr>
??????? <tr>
????????? <td height="42" bgcolor="EAEAEA" class="articlepage"> <li>上一篇文章： <a class='LinkPrevArticle' href='/web/wzjc/jiqiao/200508/5780.html' title='文章標題：關于鼠標拖動,改變層大小
作 者：佚名
更新時間：2005-8-9 11:03:22'>關于鼠標拖動,改變層大小</a></li><br>
??????????? <li>下一篇文章： <a class='LinkNextArticle' href='/web/wzjc/jiqiao/200508/5782.html' title='文章標題：鼠標指向某個連接，在狀態欄會出現該連接的說明
作 者：佚名
更新時間：2005-8-9 11:22:26'>鼠標指向某個連接，在狀態欄會出現該連接的說明</a></li></td>
??????? </tr>
??????? <tr>
????????? <td height="1" bgcolor="E7E5E5"></td>
??????? </tr>
??????? <tr>
????????? <td height="1" bgcolor="#FFFFFF"></td>
??????? </tr>
??????? <tr>
????????? <td height="20" bgcolor="EFEFEF" class="biaoti01"><img src="/Images/2006/index_apoints_con02.gif" width="28" height="18" align="absmiddle">相關文章</td>
??????? </tr>
??????? <tr>
????????? <td height="1"? bgcolor="DDDADA"></td>
??????? </tr>
????? </table>
????? <table width="100%" border="0" cellpadding="0" cellspacing="5" class="articlenew">
??????? <tr valign="top">
????????? <td width="250" height="16"><script language='javascript' src='/web/JS/Article_newpic10.js'></script></td>
????????? <td background="/Skin/blue/apoints_content_line.gif"><a class='LinkArticleCorrelative' href='/web/wzjc/jiqiao/200512/8119.html' title='文章標題：關于網頁源代碼屏蔽
作 者：佚名
更新時間：2005-12-20 15:00:51' target="_self">關于網頁源代碼屏蔽</a><br><a class='LinkArticleCorrelative' href='/web/wzsjjq/200508/5785.html' title='文章標題：禁止右鍵代碼
作 者：佚名
更新時間：2005-8-9 11:27:44' target="_self">禁止右鍵代碼</a><br><a class='LinkArticleCorrelative' href='/web/wzjc/jiqiao/200508/5783.html' title='文章標題：圖片邊框的變幻
作 者：佚名
更新時間：2005-8-9 11:24:24' target="_self">圖片邊框的變幻</a><br><a class='LinkArticleCorrelative' href='/web/wzjc/jiqiao/200508/5782.html' title='文章標題：鼠標指向某個連接，在狀態欄會出現該連接的說明
作 者：佚名
更新時間：2005-8-9 11:22:26' target="_self">鼠標指向某個連接，在狀態欄會出現該連接的</a><br><a class='LinkArticleCorrelative' href='/web/wzjc/jiqiao/200508/5780.html' title='文章標題：關于鼠標拖動,改變層大小
作 者：佚名
更新時間：2005-8-9 11:03:22' target="_self">關于鼠標拖動,改變層大小</a><br><a class='LinkArticleCorrelative' href='/web/wzjc/jiqiao/200508/5779.html' title='文章標題：在網頁中做出一根豎的線有幾種辦法.
作 者：佚名
更新時間：2005-8-9 11:02:48' target="_self">在網頁中做出一根豎的線有幾種辦法.</a><br><a class='LinkArticleCorrelative' href='/web/wzjc/jiqiao/200508/5778.html' title='文章標題：在DW中如何使插入的FLASH透明。
作 者：佚名
更新時間：2005-8-9 11:02:08' target="_self">在DW中如何使插入的FLASH透明。</a><br><a class='LinkArticleCorrelative' href='/web/wzjc/jiqiao/200508/5776.html' title='文章標題：用javascript代碼來實現閃爍按鈕。
作 者：佚名
更新時間：2005-8-9 11:01:22' target="_self">用javascript代碼來實現閃爍按鈕。</a><br><a class='LinkArticleCorrelative' href='/web/wzjc/jiqiao/200508/5775.html' title='文章標題：Alt和Title都是提示性語言標簽，請注意它們之間的區別。
作 者：佚名
更新時間：2005-8-9 11:01:07' target="_self">Alt和Title都是提示性語言標簽，請注意它們</a><br><a class='LinkArticleCorrelative' href='/web/wzjc/jiqiao/200508/5774.html' title='文章標題：請問＜tbody＞的用法？
作 者：佚名
更新時間：2005-8-9 11:00:49' target="_self">請問＜tbody＞的用法？</a><br></td>
??????? </tr>
????? </table>
????? <table width="100%" border="0" cellspacing="5" cellpadding="0">
??????? <tr>
????????? <td>
??????????? <!--相關文章下面廣告開始位置--><script language='javascript' src='/AD_dai/200605/con_left03.js'></script>
????????? </td>
??????? </tr>
????? </table>
????? <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="f2f3f3" class="center_tdbgall" style="word-break:break-all;Width:fixed">
??????? <tr>
????????? <td height="1" bgcolor="#CCCCCC"></td>
??????? </tr>
??????? <tr>
????????? <td height="25" bgcolor="E1E3E3" class="left_tdbgall"> <img src="/Images/2006/index_apoints_con04.gif" width="16" height="16" align="absmiddle"> <b>網友評論：</b>（只顯示最新10條。評論內容只代表網友觀點，與本站立場無關！）</td>
??????? </tr>
??????? <tr>
????????? <td class="comtop_tdbg02 "><script language='javascript' src='/web/Comment.asp?Action=JS&ArticleID=5781'></script>
????????? </td>
??????? </tr>
????? </table>
????? <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="E1E3E3" class="center_tdbgall" style="word-break:break-all;Width:fixed">
??????? <tr>
????????? <td height="1" bgcolor="#CCCCCC"></td>
??????? </tr>
??????? <tr>
????????? <td height="25" class="left_tdbgall"> <img src="/Images/2006/index_apoints_con04.gif" width="16" height="16" align="absmiddle"> <b>發表評論：</b></td>
??????? </tr>
??????? <tr>
????????? <td bgcolor="#F7F7F7" class="comtop_tdbg02 " height="1"></td>
??????? </tr>
????? </table>
????? <table cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
??????? <tr>
????????? <td align=middle>
??????????? <script language='JavaScript' type='text/JavaScript'>
?? function Check()
?? {?
??? if (document.form1.Name.value=='')
??? {????
???? alert('請輸入姓名！');
???? document.form1.Name.focus();
???? return false;??
??? }??
??? if (document.form1.Content.value=='')
??? {???
???? alert('請輸入評論內容！');
???? document.form1.Content.focus();
???? return false;??
??? }?
??? return true;
?? }
????????? </script>
??????????? <FORM name=form1 onsubmit="return Check();" action=http://www.apoints.com/vision/Comment.asp method=post target=_blank style="margin:0px ">
????????????? <table width="100%"? border="0" cellpadding="5" cellspacing="1" bgcolor="#E8E8E8" class=main_tdbg_575 style="WORD-BREAK: break-all">
??????????????? <tr bgcolor="#FFFFFF">
????????????????? <td width="13%"> 姓 名：</td>
????????????????? <td width="37%"><input name=Name size="36" maxlength=16></td>
????????????????? <td width="50%">評 分：
????????????????????? <input style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px" type=radio value=1 name=Score>
????????????? 1分
????????????? <input style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px" type=radio value=2 name=Score>
????????????? 2分
????????????? <input style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px" type=radio checked value=3 name=Score>
????????????? 3分
????????????? <input style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px" type=radio value=4 name=Score>
????????????? 4分
????????????? <input style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px" type=radio value=5 name=Score>
????????????? 5分 </td>
??????????????? </tr>
??????????????? <tr bgcolor="#FFFFFF">
????????????????? <td valign="top" bgcolor="#FFFFFF"> 評論內容：</td>
????????????????? <td><textarea id=textarea2 name=Content rows=5 cols=35></textarea></td>
????????????????? <td bgcolor="#FFFFFF"><span class="style2"><font color="#9D9D9D">·嚴禁發表危害國家安全、政治、黃色淫穢等內容的評論。<br>
????????????? ·用戶需對自己在使用本網服務過程中的行為承擔法律責任<br>
????????????? ·本站管理員有權保留或刪除評論內容。 <br>
????????????? ·評論內容只代表機友個人觀點，與本網站立場無關。 </font></span></td>
??????????????? </tr>
??????????????? <tr bgcolor="#FFFFFF">
????????????????? <td><input id=Action3 type=hidden value=Save name=Action>
????????????????????? <input id=ArticleID3 type=hidden value="5781" name=ArticleID></td>
????????????????? <td><input type=submit value=" 發表我的評論 " name=Submit></td>
????????????????? <td> </td>
??????????????? </tr>
????????????? </table>
????????? </FORM></td>
??????? </tr>
????? </table></td>
??? <td width="5" valign="top" background="/Images/2006/index_apoints_conbg.gif"><img src="../Images/2006/index_apoints_conbg.gif" width="3" height="15"></td>
??? <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
??????? <tr>
????????? <td height="25" align="center" bgcolor="AFB1B7" class="rightbiao"><strong><font color="#FFFFFF"></font></strong></td>
??????? </tr>
??????? <tr>
????????? <td class="articlenew"><table width="100%" height="81" border="0" cellpadding="0" cellspacing="4" class="apointsauthor">
????????????? <tr>
??????????????? <td align="center" valign="top">
????????????????? <!--豎形廣告-->
????????????????? <script language='javascript' src='/AD_dai/200605/con_right01.js'></script></td>
????????????? </tr>
??????????? </table> </td>
??????? </tr>
????? </table>
????? <table width="100%" border="0" cellspacing="0" cellpadding="0">
??????? <tr>
????????? <td height="25" align="center" bgcolor="AFB1B7" class="rightbiao"><a class="class" href="/web/ShowElite.asp"><strong><font color="#FFFFFF">最
??????????? 新 推 薦</font></strong></a></td>
??????? </tr>
??????? <tr>
????????? <td class="articlenew">
??? <script language='javascript' src='/web/JS/Article_Elite2.js'></script>
??? </td>
??????? </tr>
??????? <tr>
????????? <td class="articlenew"> </td>
??????? </tr>
????? </table>
????? <table width="100%" border="0" cellspacing="0" cellpadding="0">
??????? <tr>
????????? <td height="25" align="center" bgcolor="AFB1B7" class="rightbiao"> </td>
??????? </tr>
??????? <tr>
????????? <td><table width="100%" border="0" cellpadding="0" cellspacing="4" class="apointsauthor">
??????????? <tr>
????????????? <td align="center" valign="top">
??????????????? <!--豎形廣告-->
??????????????? <script type="text/javascript">
var arrBaiduCproConfig=new Array();
arrBaiduCproConfig['uid'] =119845;
arrBaiduCproConfig['n'] ='apointscpr';
arrBaiduCproConfig['tm'] =26;
arrBaiduCproConfig['cm'] =0;
arrBaiduCproConfig['um'] =0;
arrBaiduCproConfig['w'] =200;
arrBaiduCproConfig['h'] =320;
arrBaiduCproConfig['wn'] =1;
arrBaiduCproConfig['hn'] =10;
arrBaiduCproConfig['ta'] ='left';
arrBaiduCproConfig['tl'] ='top';
arrBaiduCproConfig['bu'] =0;
arrBaiduCproConfig['bd'] ='#ffffff';
arrBaiduCproConfig['bg'] ='#ffffff';
arrBaiduCproConfig['tt'] ='#40779B';
arrBaiduCproConfig['ct'] ='#000000';
arrBaiduCproConfig['url'] ='#666666';
arrBaiduCproConfig['bdl'] ='#ffffff';
arrBaiduCproConfig['rad'] =1;
????????? </script>
??????????????? <script type="text/javascript" src="????????? </script>
??????????????? <script type="text/javascript">
<!--
document.write(baiduCproIFrame());
-->
????????? </script>
????????????? </td>
??????????? </tr>
????????? </table></td>
??????? </tr>
????? </table>
????? <table width="100%" border="0" cellspacing="0" cellpadding="0">
??????? <tr>
????????? <td height="25" align="center" bgcolor="AFB1B7" class="rightbiao"><a class="class" href="/web/ShowHot.asp"><strong><font color="#FFFFFF">最
??????????? 新 熱 門</font></strong></a></td>
??????? </tr>
??????? <tr>
????????? <td class="articlenew"> <script language='javascript' src='/web/JS/Article_Hot2.js'></script></td>
??????? </tr>
????? </table>
????? <table width="100%" border="0" cellpadding="0" cellspacing="4" class="apointsauthor">
??????? <tr>
????????? <td align="center" valign="top">
??????????? <!--豎形廣告-->
??????????? <script language='javascript' src='/AD_dai/200605/con_right03.js'></script></td>
??????? </tr>
????? </table>
????? <table width="100%" border="0" cellspacing="0" cellpadding="0">
??????? <tr>
????????? <td height="25" align="center" bgcolor="AFB1B7" class="rightbiao"> </td>
??????? </tr>
????? </table>
????? <table width="100%" border="0" cellpadding="0" cellspacing="4" class="apointsauthor">
??????? <tr>
????????? <td align="center" valign="top">
??????????? <!--豎形廣告-->
??????????? <script type="text/javascript">
var arrBaiduCproConfig=new Array();
arrBaiduCproConfig['uid'] =119845;
arrBaiduCproConfig['n'] ='apointscpr';
arrBaiduCproConfig['tm'] =26;
arrBaiduCproConfig['cm'] =0;
arrBaiduCproConfig['um'] =0;
arrBaiduCproConfig['w'] =200;
arrBaiduCproConfig['h'] =200;
arrBaiduCproConfig['wn'] =1;
arrBaiduCproConfig['hn'] =6;
arrBaiduCproConfig['ta'] ='left';
arrBaiduCproConfig['tl'] ='top';
arrBaiduCproConfig['bu'] =0;
arrBaiduCproConfig['bd'] ='#ffffff';
arrBaiduCproConfig['bg'] ='#ffffff';
arrBaiduCproConfig['tt'] ='#40779B';
arrBaiduCproConfig['ct'] ='#000000';
arrBaiduCproConfig['url'] ='#666666';
arrBaiduCproConfig['bdl'] ='#ffffff';
arrBaiduCproConfig['rad'] =1;
????? </script>
??????????? <script type="text/javascript" src="????? </script>
??????????? <script type="text/javascript">
<!--
document.write(baiduCproIFrame());
-->
????? </script>
????????? </td>
??????? </tr>
??????? <tr>
????????? <td align="center" valign="top"><script language='javascript' src='/AD_dai/200605/con_right04.js'></script></td>
??????? </tr>
????? </table></td>
? </tr>
</table>
<table width="950" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="A1CC46" height="5">
? <tr>
???
??? <td bgcolor="356195"><SCRIPT language=javascript src=">
???
? </tr>
</table>
</body>
</html>
<NOSCRIPT><IFRAME src='*' Width='0' Height='0'></IFRAME></NOSCRIPT>
6......
html滾動代碼大全[HTML代碼]會移動的文字(Marquee)
Marquee標記用于在可用瀏覽區域中滾動文本。這個標記只適用于IE3以后的版的瀏覽器。
格式：
<MARQUEE ALIGN="…"
BEHAVIOR="…"
BGCOLOR="…"
DIRECTION="…"
HEIGHT="…"
WIDTH="…"
HSPACE="…"
VSPACE="…"
LOOP="…"
SCROLLAMOUNT="…"
SCROLLDELAY="…"
ONMOUSEOUT=this.start()
ONMOUSEOVER=this.stop()
>…
</MARQUEE>
屬性：
ALIGN：用于按設定的值對齊滾動的文本。ALIGN可以設定的值有：LEFT，CENTER，RIGHT，TOP，BOTTOM。此屬性不是必須使用的。
例：
<MARQUEE ALIGN="TOP">這段滾動文字設定為上對齊</MARQUEE>
BEHAVIOR：可以在頁面上一旦出現文本時讓瀏覽器按照設定的方法來處理文本。如果設定的方法是SLIDE，那么文本就移動到文檔上，并停留在頁邊距上。如果設定為ALTERNATE，則文本從一邊移動到另一邊。如果設定為SCROLL，文本將在頁面上反復滾動。本屬性不是必須使用的。可以設定的值有：SILIDE，ALTERNATE，SCROLL。
例：
<MARQUEE BEHAVIOR="ALTERNATE">文字從一邊移動到另一邊</MARQUEE>
BGCOLOR：用于設定字幕的背景顏色。背景顏色可用RGB、16進制值的格式或顏色名稱來設定。
例：
<MARQUEE BGCOLOR="RED">用顏色名稱設定滾動文字背景顏色為紅色</MARQUEE>
<MARQUEE BGCOLOR="#FF0000">用16進制值設定滾動文字背景顏色為紅色</MARQUEE>
<MARQUEE BGCOLOR=RGB(100%,0%,0%)>用RGB設定滾動文字背景顏色為紅色</MARQUEE>
DIRECTION：用于設定文本滾動的方向，可以設定的值有：LEFT，RIGHT。此屬性不是必須使用的。
例：
<MARQUEE DIRECTION="LEFT">文字向左邊滾動</MARQUEE>
<MARQUEE DIRECTION="RIGHT">文字向右邊滾動</MARQUEE>
HEIGHT：用于設定滾動字幕的高度，高度可用像素或可視頁面的百分比來表示。此屬性不是必須使用的。
例：
<MARQUEE HEIGHT="10%">滾動字幕的高度是可視頁面的10%</MARQUEE>
<MARQUEE HEIGHT="12">滾動字幕的高度是12像素</MARQUEE>
WIDTH：用于設定字幕的寬度，寬度可用像素或可視頁面的百分比來表示。此屬性不是必須使用的。
例：
<MARQUEE WIDTH="90%">滾動字幕的寬度是可視頁面的90%</MARQUEE>
<MARQUEE WIDTH="200">滾動字幕的寬度是200像素</MARQUEE>
HSPACE：用于設定滾動字幕左右的空白空間，空白空間用像素表示。此屬性不是必須使用的。
例：
<MARQUEE HSPACE="15">滾動字幕左右空白空間為15個像素</MARQUEE>
VSPACE：用于設定滾動字幕上下的空白空間，空白空間用像素表示。此屬性不是必須使用的。
例：
<MARQUEE VSPACE="2">滾動字幕上下的空白空間為2個像素</MARQUEE>
LOOP：用于設定滾動字幕的滾動次數。當LOOP的值為"INFINITE"或是"-1"時，則文字會無限制地滾動。此屬性不是必須使用的。
例：
<MARQUEE LOOP="-1">文字滾動無數次</MARQUEE>
<MARQUEE LOOP="5">文字滾動5次</MARQUEE>
SCROLLAMOUNT：用于設定每個連續滾動文本后面的間隔，該間隔用像素表示。此屬性不是必須使用的。
例：
<MARQUEE SCROLLAMOUNT="10">此文本后面的間隔為10個像素</MARQUEE>
SCROLLDELAY：用于設定兩次滾動操作之間的間隔時間，該時間以毫秒為單位。此屬性不是必須使用的。
例：
<MARQUEE SCROLLDELAY="5">此文本兩次滾動之間的間隔時間為5毫秒</MARQUEE>
ONMOUSEOUT=this.start() ：用來設置鼠標移出該區域時繼續滾動
ONMOUSEOVER=this.stop()：用來設置鼠標移入該區域時停止滾動
?
-------------------------------------------------------------
?
<TABLE height=393 cellSpacing=0 cellPadding=0 width=524 align=center bgColor=#d1f6db border=0><FONT size=4><FONT color=#990033></FONT></FONT>
<TBODY>
<TR><FONT size=4><FONT color=#990033></FONT></FONT>
<TD style="BORDER-RIGHT: 2px solid; PADDING-RIGHT: 1px; BORDER-TOP: 2px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: 2px solid; LINE-HEIGHT: 20px; PADDING-TOP: 1px; BORDER-BOTTOM: 2px solid" borderColor=#99ccff bgColor=#000000 colSpan=2 height=393>
<P style="MARGIN-TOP: -5px; MARGIN-BOTTOM: -5px; LINE-HEIGHT: 100%">
<MARQUEE scrollDelay=100 direction=up height=393><IMG src=" style="MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; LINE-HEIGHT: 100%"></FONT></PRE></TD></TR></TBODY></TABLE>
?
------------------------------------------------------------
?
基本語法
<marquee> ... </marquee>
?
文字移動屬性的設置
方向
<direction=#> #=left, right <marquee direction=left>從右向左移！</marquee>
方式
<bihavior=#> #=scroll, slide, alternate <marquee behavior=scroll>一圈一圈繞著走！</marquee>
<marquee behavior=slide>只走一次就歇了！</marquee>
<marquee behavior=alternate>來回走</marquee>
?
循環
<loop=#> #=次數；若未指定則循環不止(infinite) <marquee loop=3 width=50% behavior=scroll>只走
3 趟</marquee>
<marquee loop=3 width=50% behavior=slide>只走 3 趟</marquee>
<marquee loop=3 width=50% behavior=alternate>只走 3 趟！</marquee>
?
速度
<scrollamount=#> <marquee scrollamount=20>啦啦啦，我走得好快喲！</marquee>
?
延時
<scrolldelay=#> <marquee scrolldelay=500 scrollamount=100>啦啦啦，我走一步，停一停！
</marquee>
?
外觀(Layout)設置
對齊方式(Align)
<align=#> #=top, middle, bottom <font size=6>
<marquee align=# width=400>啦啦啦，我會移動耶！</marquee>
</font>
底色
<bgcolor=#> #=rrggbb 16 進制數碼，或者是下列預定義色彩：
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua <marquee bgcolor=aaaaee>顏色！</marquee>
?
面積
<height=# width=#> <marquee height=40 width=50% bgcolor=aaeeaa>面積！</marquee>
空白
(Margins)<hspace=# vspace=#>
<marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>面積！</marquee>
<marquee direction=up>我在向上走！</marquee>
<marquee direction=down>我又下向走了</marquee>
補充一個無縫連接的循環滾動
?
<html>
<head>
</head>
<body>
<TD WIDTH=390 HEIGHT=99><MARQUEE? scrollAmount=4 scrollDelay=0 loop=1 width=390 height=99>
??????????? <SCRIPT language=JavaScript>
?? for(t=1;t<=1000;t++)
?? document.write("11111111111112222222222222222233333333333333")
??
???????????
</SCRIPT>
???????????? </MARQUEE></TD>
</body>
</html>
另一種實現無縫連接循環滾動得方法
<div style=overflow:hidden;height:100px width:100px>
<div href="#" target="_blank"><img src="
width="80" height="80"
border="0"></a>
<a href="#" target="_blank"><img src="
width="80" height="80"
border="0"></a>
<a href="#" target="_blank"><img src="
width="80" height="80"
border="0"></a>
<a href="#" target="_blank"><img src="
width="80" height="80"
border="0"></a>
<a href="#" target="_blank">nudeangel_2</a>
<a href="#" target="_blank">nudeangel_3</a>
<a href="#" target="_blank">nudeangel_4</a>
<a href="#" target="_blank">nudeangel_5</a>
<a href="#" target="_blank">inudeangel_6</a>
<a href="#" target="_blank">nudeangel_7</a>
</div>
<div t=demo.scrollTop
demo2.innerHTML=demo1.innerHTML
function nudeangelMarquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else
demo.scrollTop++
}
var repeat=setInterval(nudeangelMarquee,50);
demo.onmouseover=function() {clearInterval(repeat);}
demo.onmouseout=function() {repeat=setInterval(nudeangelMarquee,50);}
?
-----------------------------------------------------------
?
<marquee><bihavior=#> #=scroll, slide, alternate <marquee behavior=scroll>一圈一圈繞著走！</marquee>
?
最簡單的圖片移動特效———圖片水平向左循環移動
：<marquee>
<img src="<img src="<img src="<img src="<img src="<img src="<img src="<img src="<img src="<img src="</marquee