本文目录一览:
- 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包地址变一下)