本文目录一览:
- 1、iframe 高度自动伸缩的js代码
- 2、求QQ空间顶部那样可以收缩的工具条的JS代码 这个问题你解决了吗?能不能把那代码发给我呀?谢谢1250667978
- 3、点击伸缩内容的js 与仿微博滚动的js 冲突,代码如下,这两个特效放一起,就只有自动伸缩的特效能用,
- 4、eclipse中js代码如何设置可折叠?
- 5、求助: JS伸缩修改,改为所有都可以收缩在一起(现在是显示一个)
iframe 高度自动伸缩的js代码
iframe name=”frm” onload=”javascript:this.height=document.frames(this.name).document.body.scrollHeight+30;”/iframe
求QQ空间顶部那样可以收缩的工具条的JS代码 这个问题你解决了吗?能不能把那代码发给我呀?谢谢1250667978
HTML代码:
!– 工具条开始 —
div id=”top_toolbar_wrapper”
div id=”top_toolbar”
div id=”toolbar_content”
!– 内容开始 —
a href=”#” title=””[u登录/u]/a
此空间的 a href=”#” title=””u日 志/u/a
a href=”#” title=””u精简模式/u/a
a href=”#” title=””u播放歌曲/u/a
!– 内容结束 —
/div
input type=”button” id=”btn” title=”收缩” onclick=”toolbar(this)”/a
/div
/div
!– 工具条结束 —
h1工具条结束/h1
点击伸缩内容的js 与仿微博滚动的js 冲突,代码如下,这两个特效放一起,就只有自动伸缩的特效能用,
估计是
li.js的window.onload = function () …
与
qiu.js的window.onload=Start;!–调用start函数–
冲突
________________________________________
整合成一个qiu.js试验一下:
var a_Colour=’fff000′;!–第一个轨迹的颜色–
var b_Colour=’00ff00′;!–第二个轨迹的颜色–
var c_Colour=’ff00ff’;!–第三个轨迹的颜色–
var Size=120;
var YDummy=new Array(),XDummy=new Array(),xpos=625,ypos=330,ThisStep=0;step=0.6;
var scroller = null;
function swirl(){
for (i = 0; i 3; i++)!–依次处理三个轨迹–
{
YDummy[i]=ypos+Size*Math.sin((1*Math.sin((ThisStep)/10))+i*2)*Math.sin((ThisStep)/4);!–计算得到第i个轨迹上每一点的横坐标–
XDummy[i]=xpos+Size*Math.cos((1*Math.sin((ThisStep)/10))+i*2)*Math.sin((ThisStep)/4);!–计算得到第i个轨迹上每一点的纵坐标–
}
ThisStep+=step;
setTimeout(‘swirl()’,10);!–周期性调用swirl函数–
}
var amount=10;
if ( document.all){!–如果是ie浏览器–
document.write(‘div id=”ODiv” style=”position:absolute;top:0px;left:0px”‘
+’div id=”IDiv” style=”position:relative”‘);
for (i = 0; i amount; i++)!–依次处理每一个点–
{
document.write(‘div id=x style=”position:absolute;top:0px;left:0px;width:’+i/2+’;height:’+i/2+’;background:’+a_Colour+’;font-size:’+i/2+'”/div’);!–第一个轨迹所在的页面–
document.write(‘div id=y style=”position:absolute;top:0px;left:0px;width:’+i/2+’;height:’+i/2+’;background:’+b_Colour+’;font-size:’+i/2+'”/div’);!–第二个轨迹所在的页面–
document.write(‘div id=z style=”position:absolute;top:0px;left:0px;width:’+i/2+’;height:’+i/2+’;background:’+c_Colour+’;font-size:’+i/2+'”/div’);!–第三个轨迹所在的页面–
}
document.write(‘/div/div’);
}
function prepos(){
var msie=document.all;!–获得ie浏览器的当前页面–
if(document.all){!–如果是ie浏览器–
for (i = 0; i amount; i++)!–依次处理每一个点–
{
if (i amount-1) !–对于前amount-1个点–
{
msie.x[i].style.top=msie.x[i+1].style.top;msie.x[i].style.left=msie.x[i+1].style.left;!–更新第一个轨迹上各个点上的上边界和左边界–
msie.y[i].style.top=msie.y[i+1].style.top;msie.y[i].style.left=msie.y[i+1].style.left;!–更新第二个轨迹上各个点上的上边界和左边界–
msie.z[i].style.top=msie.z[i+1].style.top;msie.z[i].style.left=msie.z[i+1].style.left;!–更新第三个轨迹上各个点上的上边界和左边界–
}
else
{
msie.x[i].style.top=YDummy[0];msie.x[i].style.left=XDummy[0];!–更新第一个轨迹上最后一个点上的上边界和左边界–
msie.y[i].style.top=YDummy[1];msie.y[i].style.left=XDummy[1];!–更新第二个轨迹上最后一个点上的上边界和左边界–
msie.z[i].style.top=YDummy[2];msie.z[i].style.left=XDummy[2];!–更新第三个轨迹上最后一个点上的上边界和左边界–
}
}
}
setTimeout(“prepos()”,10);!–周期性调用prepos函数–
}
function Start(){!–开始函数–
var el = document.getElementById(“Scroller-1”);
scroller = new jsScroller(el, 400, 200);
swirl(),prepos()!–依次调用swirl和prepos函数–
}
window.onload=Start;!–调用start函数–
eclipse中js代码如何设置可折叠?
js代码设置可折叠设置:
设置代码折叠在菜单栏的窗口–首选项
1、选择常规–编辑器–structure text editors,可以看到Enable folding选项,打上勾就可以使用代码折叠功能,但还要在具体的语言中设置。
2、选择js–编辑器–折叠,选择启用折叠就可以让js的代码折叠了。
求助: JS伸缩修改,改为所有都可以收缩在一起(现在是显示一个)
!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “”
html xmlns=””
head
meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /
titletitle/title
script src=”/jquery/jquery-1.11.1.min.js”/script
script type=”text/javascript”
$(document).ready(function(){
$(“#vtitle”).click(function(){
$(“.vcon”).hide(“slow”);
});
});
/script
style type=”text/css”
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, sans-serif, “新宋体”;}
a,a:hover{text-decoration: none;}
/*收缩菜单*/
.v{float:right;width:14px;height:14px;overflow:hidden;background:url(images/vicon.png) no-repeat;display:inline-block;margin-top:-5px;margin-bottom:-5px;}
.v01{background-position:0 0;}
.v02{background-position:0 -16px;;}
.vtitle{height:35px;background:#fbede0;line-height:35px;border:1px solid #ccb6a9;margin-top:-1px;padding-left:20px;font-size:15px;color:#4d4d4d;font-family:”\5FAE\8F6F\96C5\9ED1″;cursor:pointer;}
.vtitle em{margin:10px 10px 0 0;}
.vconlist{background:#9cc;}
.vconlist li a{height:30px;line-height:30px;padding-left:30px;display:block;font-size:14px;color:#866f67;font-family:”\5FAE\8F6F\96C5\9ED1″;}
.vconlist li.select a,.vconlist li a:hover{color:#ed4948;text-decoration:none;}
/style
/head
body
div style=”width:268px;margin:30px auto 0 auto;”
div class=”vtitle” id=”vtitle”em class=”v v02″/em测试1/div
div class=”vcon”
ul class=”vconlist clearfix”
li class=”select”a href=”javascript:;”测试1/a/li
lia href=”javascript:;”测试1/a/li
lia href=”javascript:;”测试1/a/li
/ul
/div
div class=”vtitle”em class=”v”/em测试2/div
div class=”vcon” style=”display: none;”
ul class=”vconlist clearfix”
lia href=”javascript:;”测试2/a/li
lia href=”javascript:;”测试2/a/li
lia href=”javascript:;”测试2/a/li
/ul
/div
div class=”vtitle”em class=”v”/em测试3/div
div class=”vcon” style=”display: none;”
ul class=”vconlist clearfix”
lia href=”javascript:;”测试3/a/li
lia href=”javascript:;”测试3/a/li
lia href=”javascript:;”测试3/a/li
/ul
/div
/div
/body
/html 是这样的不?(jquery包地址变一下)
原创文章,作者:小蓝,如若转载,请注明出处:https://www.506064.com/n/275610.html