猿问

回到首页 个人中心 反馈问题 注册登录
下载APP
首页 课程 实战 体系课 手记 专栏 慕课教程

Jquery 隐藏/显示 左侧frame,需要有动画效果的~

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>信息管理系统界面</title>
</head>
<frameset rows="50,*" cols="*" frameborder="no" border="0" framespacing="0">
<frame src="top.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
<frameset cols="187,*" frameborder="no" border="0" framespacing="0">
<frame src="left.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />
<frame src="index.html" name="rightFrame" id="rightFrame" title="rightFrame" />
</frameset>
</frameset>
<noframes><body>
</body></noframes>
</html>

如何隐藏/显示 左侧 麻烦大神写下JQUERY代码！

偶然的你
浏览 535回答 1
1回答

慕沐林林

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051<!DOCTYPE&nbsp;HTML><html><head><meta&nbsp;charset=UTF-8&nbsp;/><title>MODEL&nbsp;PAGE</title><style&nbsp;type="text/css">table&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;margin:&nbsp;0&nbsp;auto;&nbsp;&nbsp;&nbsp;&nbsp;border:&nbsp;1px&nbsp;solid&nbsp;black;&nbsp;&nbsp;&nbsp;&nbsp;border-collapse:&nbsp;collapse;&nbsp;&nbsp;&nbsp;&nbsp;border:&nbsp;1px&nbsp;solid&nbsp;black;}&nbsp;td&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;border:&nbsp;1px&nbsp;solid&nbsp;black;}</style><script&nbsp;type="text/javascript"&nbsp;src="jquery-1.8.0.min.js"></script><script&nbsp;type="text/javascript">&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;interval&nbsp;=&nbsp;null;&nbsp;&nbsp;&nbsp;&nbsp;$&nbsp;(function&nbsp;()&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;fs&nbsp;=&nbsp;$&nbsp;('frameset:last');&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;interval&nbsp;=&nbsp;setInterval&nbsp;(function&nbsp;()&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;L&nbsp;=&nbsp;parseFloat(fs.prop&nbsp;('cols').match&nbsp;(/\d+/g)[0]);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(L&nbsp;<=&nbsp;0)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;clearInterval(interval);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;interval&nbsp;=&nbsp;null;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;fs.prop&nbsp;('cols',&nbsp;'0,*');&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;fs.prop&nbsp;('cols',&nbsp;L&nbsp;-&nbsp;10&nbsp;+&nbsp;',*');&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},&nbsp;20);&nbsp;&nbsp;&nbsp;&nbsp;})</script></head><frameset&nbsp;rows="50,*"&nbsp;cols="*"&nbsp;frameborder="no"&nbsp;border="0"&nbsp;framespacing="0">&nbsp;&nbsp;&nbsp;&nbsp;<frame&nbsp;src="top.html"&nbsp;name="topFrame"&nbsp;scrolling="No"&nbsp;noresize="noresize"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;id="topFrame"&nbsp;title="topFrame"&nbsp;/>&nbsp;&nbsp;&nbsp;&nbsp;<frameset&nbsp;cols="187,*"&nbsp;frameborder="no"&nbsp;border="0"&nbsp;framespacing="0">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<frame&nbsp;src="left.html"&nbsp;name="leftFrame"&nbsp;scrolling="No"&nbsp;noresize="noresize"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;id="leftFrame"&nbsp;title="leftFrame"&nbsp;/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<frame&nbsp;src="index.html"&nbsp;name="rightFrame"&nbsp;id="rightFrame"&nbsp;title="rightFrame"&nbsp;/>&nbsp;&nbsp;&nbsp;&nbsp;</frameset></frameset><noframes>&nbsp;&nbsp;&nbsp;&nbsp;<body>&nbsp;&nbsp;&nbsp;&nbsp;</body></noframes></html>&nbsp;
0
打开App，查看更多内容
随时随地看视频慕课网APP

相关分类

JQuery