|
藍森林 http://www.lslnet.com 2006年8月25日 8:28
 網頁中的這種效果怎麼實現????
網頁中當點一下左右框架中間的三角形右邊網頁就向左伸縮,左邊的就沒了,再點一下三角形就又出來.
呵呵,不知道我講清楚了沒.
請高手指點,3Q先. |
CAO~,給你一個~
[html]
<HTML>
<HEAD>
<TITLE>CAO888</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
.navPoint {
COLOR: white; CURSOR: hand; FONT-FAMILY: Webdings; FONT-SIZE: 9pt
}
</style>
<SCRIPT>
function switchSysBar(){
if (switchPoint.innerText==3){
switchPoint.innerText=4
document.all("frmTitle").style.display="none"
}
else{
switchPoint.innerText=3
document.all("frmTitle").style.display=""
}
}
</SCRIPT>
</HEAD>
<BODY bgColor=red scroll=no style="MARGIN: 0px">
<TABLE border=0 cellPadding=0 cellSpacing=0 height="100%" width="100%">
<TR>
<TD align=middle id=frmTitle noWrap vAlign=center name="fmTitle"><iframe frameborder=0 id=left name=left src="about:blank" style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 143px; Z-INDEX: 2"></iframe>
<TD bgColor="#009900" style="WIDTH: 10pt">
<TABLE border=0 cellPadding=0 cellSpacing=0 height="100%"><TR>
<TD onclick=switchSysBar() style="HEIGHT: 100%">
<SPAN class=navPoint id=switchPoint title=關閉/打開左欄>3</SPAN> </TD></TR></TBODY>
</TABLE></TD>
<TD style="WIDTH: 100%">
<IFRAME frameBorder=0 id=frmright name=frmright scrolling=no src="about:home" style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 100%; Z-INDEX: 1"> </IFRAME></TD>
</TR>
</TABLE>
</BODY>
</HTML> [/html] |
就是這個.
謝謝撒!! |
cao888老大,再麻煩你一下
http://www.51windows.net/data/files/file_625.asp
它這個類似效果怎麼實現的(關閉/ show toc ) |
做個簡單的~
[html]
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>cao888---提示</title>
</head>
<body>
<script language=javascript>
var cao_x,cao_y;
function cao888()
{
this.display=display;
}
function display()
{
document.write("<table align=center><tr><td><button style='width:100px;height:30px;font-size:12px;border:1px solid #A4B3C8;background-color:green;' type=button onclick=document.getElementById('cao1').style.display='block' onfocus=this.blur()>CAO留言</button></td></tr></table>");
document.write("<div id='cao1' style='font-size:12px;position:absolute;display:none;text-align:center;overflow:visible'>");
document.write("<div style='position:absolute;top:expression((body.clientHeight-300)/2);left:expression((body.clientWidth-200)/2);width:200px;height:180px;background-color:#dbdbdb;border:1px solid #cccccc;'>");
document.write("<table width=200 height=20 bgcolor=green onmousedown='cao_x=event.x-parentNode.style.pixelLeft;cao_y=event.y-parentNode.style.pixelTop;setCapture();' onmouseup='releaseCapture();' onmousemove='caoMove(this.parentNode)' style='cursor:move;'>");
document.write("<tr align=center>");
document.write("<td align=left>提示:CAO888</td>");
document.write("</tr>");
document.write("</table>");
document.write("<span style= cursor:hand onclick=this.parentNode.parentNode.style.display='none';><img src='http://pic1.blueidea.com/bbs/topic5.gif'><br>CAO呀,錯誤了...<br>[確定]</span>");
document.write(" </div>");
document.write("</div>");
}
function caoMove(obj) //實現層的拖移
{
if(event.button==1)
{
var caoX=obj.clientLeft;
var caoY=obj.clientTop;
obj.style.pixelLeft=caoX+(event.x-cao_x);
obj.style.pixelTop=caoY+(event.y-cao_y);
}
}
</script>
<script language=javascript>
var mycao=new cao888();
mycao.display();
</script>
</body>
</html>
[/html] |
老大弄錯了,我的意思是它那個點擊×左框架就沒了,再點show toc又打開.急需這段代碼...
cao888再麻煩一下.......................
|
這個效果是不是用框架做的？還是用別的方法做的？
懂的指導一下 |
| 原理一樣~ |
嗚嗚,瞎搞了半天,就是弄不起來.
cao888兄再幫幫忙忙吧
|
| 這東西要放在代碼區的哪裡才行呢？ |
| 這東西要放在代碼區的哪裡才行呢？ |
|
