j控制frameset修改cols,页面的隐藏和打开。
生活随笔
收集整理的這篇文章主要介紹了
j控制frameset修改cols,页面的隐藏和打开。
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
首先來(lái)看下頁(yè)面展示效果:
這是頁(yè)面打開(kāi)時(shí)的顯示效果,點(diǎn)擊中間的倒三角就可以關(guān)閉側(cè)邊頁(yè)面了。關(guān)閉時(shí)的效果:
由于第一次玩?frameset,網(wǎng)上搜了一下怎么修改cols,大多數(shù)多這樣寫(xiě): window.parent.document.getElementsByTagName("pgFrame")[0].cols="0,10,*";我用了這種方法,沒(méi)有成功。 、 試了很多次各種寫(xiě)法,終于有一個(gè)寫(xiě)法成功了。如下:
這個(gè)是frameset。 <frameset cols="190,10,*" id="pgFrame" name="pgFrame" frameborder="no" border="0" framespacing="0"><frame src="left.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" /><frame src="mid.html" name="midFrame" id="midFrame" title="midFrame" /><frame src="project-finance.html" name="rightFrame" id="rightFrame" title="rightFrame" /></frameset>下面是js:給圖片設(shè)置一個(gè)點(diǎn)擊事件:就按如下寫(xiě)法,就可以實(shí)現(xiàn)部門(mén)頁(yè)面的顯示和隱藏。 $(function(){$(".mid").click(mid); })function mid(){if(top.parent.pgFrame.cols == "190,10,*"){top.$(function(){$("#tab2").click(tab2); }) 后面幾天又遇上了 一個(gè)相似的,用上面的寫(xiě)法行不通了:改成下面的就好了:注意id變了 經(jīng)過(guò)嘗試,發(fā)現(xiàn)方法是對(duì)的,要是不成功,那就是選擇器的問(wèn)題,父頁(yè)面 子頁(yè)面啥的 ,多換幾次選擇器就ok了。 $(function(){$("#tab2").click(tab2); })function tab2(){if(window.parent.pg1frameborder.rows=="116,7,30,*"){window.parent.pg1frameborder.rows="0,7,30,*";}else{window.parent.pg1frameborder.rows="116,7,30,*";}}
總結(jié)
以上是生活随笔為你收集整理的j控制frameset修改cols,页面的隐藏和打开。的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 网络用语ss是什么意思
- 下一篇: 乐高海盗船教案一等奖