首页 > 编程知识 正文

在线答疑可伸缩js代码,在线答疑可伸缩js代码是什么

时间:2024-04-24 11:43:29 阅读:334403 作者:RFEM

本文目录一览:

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:"5FAE8F6F96C59ED1";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:"5FAE8F6F96C59ED1";}

.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包地址变一下)

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。