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

发布时间：2023-12-08

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

更新：2022-11-25 21:04

本文目录一览：

  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="">[登录]</a>
      此空间的 <a href="#" title="">日 志</a>
      <a href="#" title="">精简模式</a>
      <a href="#" title="">播放歌曲</a>
      <!-- 内容结束 -->
    </div>
    <input type="button" id="btn" title="收缩" onclick="toolbar(this)" />
  </div>
</div>
<!-- 工具条结束 -->

点击伸缩内容的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. 设置代码折叠在菜单栏的窗口--首选项
  2. 选择常规--编辑器--structure text editors，可以看到Enable folding选项，打上勾就可以使用代码折叠功能，但还要在具体的语言中设置。
  3. 选择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" />
  <title>title</title>
  <script src="/jquery/jquery-1.11.1.min.js"></script>
  <script type="text/javascript">
    $(document).ready(function(){
      $(".vtitle").click(function(){
        $(".vcon").hide("slow");
        $(this).next(".vcon").show("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>
        <li><a href="javascript:;">测试1</a></li>
        <li><a 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">
        <li><a href="javascript:;">测试2</a></li>
        <li><a href="javascript:;">测试2</a></li>
        <li><a 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">
        <li><a href="javascript:;">测试3</a></li>
        <li><a href="javascript:;">测试3</a></li>
        <li><a href="javascript:;">测试3</a></li>
      </ul>
    </div>
  </div>
</body>
</html>
推荐文章