rico-using

最新推荐文章于 2024-05-20 23:05:22 发布
最新推荐文章于 2024-05-20 23:05:22 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： Ajax 文章标签： class div function javascript null table
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/rodjohnson/article/details/749512
版权


<!-----------------------------------引用js库--------------------------------------------------->
  <script type="text/javascript"
       src="你的js目录/prototype.js">
  </script>
  <script type="text/javascript"
       src="你的js目录/rico.js">
  </script>
  
<!-----------------------------------拖页效果--------------------------------------------------->
<!--要用到util.js-->
<!--要用到rico.css-->
<BODY οnlοad=javascript:bodyOnLoad()>
<SCRIPT>
    var onloads = new Array();
    function bodyOnLoad() {
       new Rico.Effect.Round( null, 'roundNormal' );
       new Rico.Effect.Round( null, 'roundCompact', {compact:true} );
       for ( var i = 0 ; i < onloads.length ; i++ )
          onloads[i]();
    }
   showMenuContext()     
</SCRIPT>
<TABLE>
  <TBODY>
  <TR>
    <TD>     
      <DIV id=accordionExample style="BORDER-TOP: 1px solid; MARGIN-TOP: 6px">
        <DIV id=panel1>
          <DIV class=accordionTabTitleBar id=panel1Header>panel1</DIV>
          <DIV class=accordionTabContentBox id=panel1Content>xxxxx</DIV>
        </DIV>
        <DIV id=panel2>
          <DIV class=accordionTabTitleBar id=panel2Header>panel2</DIV>
          <DIV class=accordionTabContentBox id=panel2Content>xxxxx</DIV>
        </DIV>
      <DIV>
      <SCRIPT> onloads.push( accord ); function accord() { new Rico.Accordion(                               'accordionExample', {panelHeight:227} ); } </SCRIPT>
    </TD>
  </TR>
  </TBODY>
</TABLE>
</BODY>

<!-----------------------------------点击显示,隐藏效果----------------------------------------->
<BODY>
<SCRIPT>
   var saveHeight;
   var showing = true;

   function toggleSlide() {
      if ( showing )
         { slideMenuUp(); showing = false; }
      else
         { slideMenuDown(); showing = true; }
   }

   function slideMenuUp() {
      var menu = $('demosMenu');
      saveHeight = menu.offsetHeight;

      menu.style.overflow = "hidden";
      new Rico.Effect.Size( menu, null, 1, 120, 8 );

      $('demoPanelLink').innerHTML = "显示面板";
   }

   function slideMenuDown() {
      var menu = $('demosMenu');
      new Rico.Effect.Size( menu, null, saveHeight, 120, 8, {complete:function() { $(menu).style.overflow = "visible"; }} );
      $('demoPanelLink').innerHTML = "隐藏面板";
   }
</SCRIPT>
<!-- I did have this as float:right but it screws up in firefox -->
<DIV style="MARGIN-LEFT: 6px"><A id=demoPanelLink
href="javascript:toggleSlide();">隐藏面板</A></DIV>
<DIV id=demosMenu οndblclick=toggleSlide()
style="MARGIN-TOP: 2px; PADDING-LEFT: 6px; MARGIN-LEFT: 2px; WIDTH: 575px; BACKGROUND-COLOR: #adba8c">
<TABLE style="MARGIN-TOP: 6px; MARGIN-BOTTOM: 6px" cellPadding=0>
  <TBODY>
  <TR>
    <TD class=portalBox id=ajaxDemos1>
      <DIV class=leftPadding><SPAN class=header>AJAX DEMOS</SPAN> <A
      class=demoLinks
      href="http://openrico.org/rico/demos.page?demo=rico_ajax_inner_HTML">Inner
      Html</A> <A class=demoLinks
      href="http://openrico.org/rico/demos.page?demo=rico_ajax_complex">Javascript
      Updater</A>
      </DIV>
      <br><br>
    </TD>
    <TD class=portalBox id=ajaxDemos2>
      <DIV class=leftPadding><SPAN class=header>AJAX DEMOS</SPAN> <A
      class=demoLinks
      href="http://openrico.org/rico/demos.page?demo=rico_ajax_inner_HTML">Inner
      Html</A> <A class=demoLinks
      href="http://openrico.org/rico/demos.page?demo=rico_ajax_complex">Javascript
      Updater</A> <A class=demoLinks
      href="http://openrico.org/rico/demos.page?demo=rico_ajax_complex">Javascript
      Updater</A> <A class=demoLinks
      href="http://openrico.org/rico/demos.page?demo=rico_ajax_complex">Javascript
      Updater</A>
      </DIV>
    </TD>
  <TR>
  </TBODY>
</TABLE>
</DIV>
<SCRIPT>
  Rico.Corner.round( 'ajaxDemos1',     {corners:'tl br',bgColor:'#adba8c'} );
  Rico.Corner.round( 'ajaxDemos2',     {corners:'tl br',bgColor:'#adba8c'} );
</SCRIPT>
</body>

<!------------------------------------------列表拖动效果1-------------------------------------->
<!--要用到ricoDragAndDropCustomDraggable.js-->
<!--要用到util.js-->
<!--要用到ricoTests.css-->
<BODY οnlοad=javascript:bodyOnLoad()>
<SCRIPT>
    var onloads = new Array();
    function bodyOnLoad() {
       new Rico.Effect.Round( null, 'roundNormal' );
       new Rico.Effect.Round( null, 'roundCompact', {compact:true} );
       for ( var i = 0 ; i < onloads.length ; i++ )
          onloads[i]();
    }
   showMenuContext()     
 </SCRIPT>
<TABLE>
  <TBODY>
  <TR>
    <TD>     
      <!--两个列表-->     
      <DIV id=exampleContainer style="WIDTH: 540px; BACKGROUND-COLOR: #e0ddb5">
        <!--待拖动列表--> 
        <DIV id=dragBox style="DISPLAY: inline; FLOAT: left; MARGIN-BOTTOM: 8px; MARGIN-LEFT: 8px">
          <SPAN class=catHeader>待拖动列表</SPAN>
          <DIV class=listBox id=nameList style="OVERFLOW: auto; WIDTH: 250px; HEIGHT: 140px">
            <SCRIPT>writeNameSpans()</SCRIPT>
          </DIV>
          <SCRIPT>createDraggables()</SCRIPT>
        </DIV>
        <!--存储列表--> 
        <DIV id=dropBox style="FLOAT: left; MARGIN-BOTTOM: 8px; MARGIN-LEFT: 8px">
          <SPAN class=catHeader>存储列表</SPAN>
          <DIV class=listBox id=dropZone style="OVERFLOW: auto; WIDTH: 250px; HEIGHT: 140px"></DIV>
        </DIV>
        <!--日志列表-->
        <DIV style="CLEAR: both; MARGIN-LEFT: 8px">
          <SPAN class=catHeader id=loghead>日志记录:</SPAN>
          <DIV class=logBox id=logger style="MARGIN-BOTTOM: 8px; OVERFLOW: auto; WIDTH: 510px; HEIGHT: 140px"></DIV>
        </DIV>
      </DIV>


      <SPAN class=catHeader>列表框</SPAN>
      <DIV class="rc codeBox" id=codeContainer>
        <DIV class=codeBox style="OVERFLOW: auto; HEIGHT: 300px">xxxxxxxxxxxxxxxxx</DIV>
      </DIV>
<SCRIPT>
  Rico.Corner.round( 'exampleContainer' );
  Rico.Corner.round( 'codeContainer' );
  dndMgr.registerDropZone( new Rico.Dropzone($('dropZone')));
</SCRIPT>
</TD></TR></TBODY></TABLE></BODY>


<!------------------------------------------列表拖动效果2-------------------------------------->
<!--要用到ricoDragAndDropCustomDraggable.js-->
<!--要用到ricoDragAndDropCustomDropzone.js-->
<!--要用到util.js-->
<!--要用到ricoTests.css-->
<BODY οnlοad=javascript:bodyOnLoad()>
<SCRIPT>

    var onloads = new Array();
    function bodyOnLoad() {
       new Rico.Effect.Round( null, 'roundNormal' );
       new Rico.Effect.Round( null, 'roundCompact', {compact:true} );
       for ( var i = 0 ; i < onloads.length ; i++ )
          onloads[i]();
    }
   showMenuContext()     
 </SCRIPT>

<TABLE>
  <TBODY>
  <TR>
    <TD>
      <SCRIPT src="CUSTOMDROPZONEEXAMPLE.files/ricoDragAndDropCustomDropzone.js"
      type=text/javascript></SCRIPT>

      <SCRIPT
      src="CUSTOMDROPZONEEXAMPLE.files/ricoDragAndDropCustomDraggable.js"
      type=text/javascript></SCRIPT>
      <SPAN class=header>CUSTOM DROPZONE EXAMPLE&nbsp;</SPAN> <BR><BR>
      <DIV id=exampleContainer style="BACKGROUND-COLOR: #e0ddb5">
      <TABLE cellSpacing=5>
        <TBODY>
        <TR>
          <TD vAlign=top><SPAN class=catHeader
            style="MARGIN-TOP: 0px">name-list</SPAN>
            <DIV class=listBox id=nameList
            style="OVERFLOW: auto; WIDTH: 250px; HEIGHT: 180px; BACKGROUND-COLOR: white">
            <SCRIPT>writeNameSpans()</SCRIPT>
            </DIV>
            <SCRIPT>createDraggables()</SCRIPT>
          </TD>
        </TR>
        </TBODY>
      </TABLE>
      </DIV>
      <TABLE cellSpacing=3 cellPadding=3>
        <TBODY>
        <TR>
          <TD><SPAN class=catHeader id=dz1
            style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px">a-g</SPAN>

            <DIV class=roundMe style="WIDTH: 200px">
            <DIV class=customDropZone id=dropZone1
            style="OVERFLOW: auto; HEIGHT: 100px"></DIV></DIV></TD>
          <TD><SPAN class=catHeader id=dz2
            style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px">h-m</SPAN>

            <DIV class=roundMe style="WIDTH: 200px">
            <DIV class=customDropZone id=dropZone2
            style="OVERFLOW: auto; HEIGHT: 100px"></DIV></DIV></TD>
          <TD><SPAN class=catHeader id=dz3
            style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px">n-z</SPAN>

            <DIV class=roundMe style="WIDTH: 200px">
            <DIV class=customDropZone id=dropZone3
            style="OVERFLOW: auto; HEIGHT: 100px"></DIV>
            </DIV>
          </TD>
        </TR>
        </TBODY>
      </TABLE>

<SCRIPT>
   dndMgr.registerDropZone( new CustomDropzone('dropZone1', 'dz1', ['a','g']) );
   dndMgr.registerDropZone( new CustomDropzone('dropZone2', 'dz2', ['h','m']) );
   dndMgr.registerDropZone( new CustomDropzone('dropZone3', 'dz3', ['n','z']) );

   Rico.Corner.round('exampleContainer');
   new Rico.Effect.Round( 'div', 'roundMe', {color:'#c6c3de'});
   CustomDraggable.removeOnDrop = true;
   CustomDraggable.revereNamesOnDrop = false;
</SCRIPT>
</TD>
</TR>
</TBODY>
</TABLE>
</BODY>


<!------------------------------------------对象拖动效果-------------------------------------->
<!--要用到util.js-->
<!--要用到ricoTests.css-->
<!--要用到openrico.css-->
<BODY οnlοad=javascript:bodyOnLoad()>
<SCRIPT>

    var onloads = new Array();
    function bodyOnLoad() {
       new Rico.Effect.Round( null, 'roundNormal' );
       new Rico.Effect.Round( null, 'roundCompact', {compact:true} );
       for ( var i = 0 ; i < onloads.length ; i++ )
          onloads[i]();
    }
   showMenuContext()     
 </SCRIPT>
<TABLE>
  <TBODY>
  <TR>
    <TD>
      <DIV
      style="BORDER-RIGHT: #5b5b5b 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #5b5b5b 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #5b5b5b 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #5b5b5b 1px solid; HEIGHT: 50px">
      <DIV class=box id=dragme style="BACKGROUND: #f7a673">Drag
      Me</DIV></DIV><BR>
      <TABLE style="MARGIN-BOTTOM: 8px" cellSpacing=3 cellPadding=3>
        <TBODY>
        <TR>
          <TD>
            <DIV class=simpleDropPanel id=droponme style="BACKGROUND: #ffd773">
            <DIV class=title>Drop On Me</DIV></DIV></TD>
          <TD>
            <DIV class=simpleDropPanel id=droponme2 style="BACKGROUND: #c6c3de">
            <DIV class=title>Drop On Me 2</DIV></DIV></TD></TR></TBODY></TABLE>
<SCRIPT>
   dndMgr.registerDraggable( new Rico.Draggable('test-rico-dnd','dragme') );
   dndMgr.registerDropZone( new Rico.Dropzone('droponme') );
   dndMgr.registerDropZone( new Rico.Dropzone('droponme2') );
</SCRIPT>
    </TD></TR></TBODY></TABLE></BODY>

 

 

 

 

 

rodjohnson
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
DL之LeNet-5：LeNet-5算法的简介(论文介绍)、架构详解、案例应用等配图集合之详细攻略
近期请国内外头部出版社可尽快私信博主！——心比天高，仗剑走天涯，保持热爱，奔赴向梦想！低调，谦虚，自律，反思，成长，还算是比较正能量的博主，公益免费传播……内心特别想在AI界做出一些可以推进历史进程影响力的东西(兴趣使然，有点小情怀，也有点使命感呀)…
05-06 1万+
DL之LeNet-5：LeNet-5算法的简介(论文介绍)、架构详解、案例应用等配图集合之详细攻略 目录 LeNet-5算法的简介(论文介绍) LeNet-5算法的架构详解 1、LeNet-5 结构分析 2、各层详细说明 3、以手写数字3为例详细理解LeNet-5算法过程 4、LeNet-5为例可视化 5、LeNet-5算法的设计思路 LeNet-5算法的案例应...
Calculadora Calculo Numérico-开源
05-29
本项目名为"Calculadora Calculo Numérico"，是一款开源的计算工具，专为解决数学中的数值计算问题而设计。它提供了两种强大的算法：二分法和牛顿法，用于寻找函数的零点，即根。在数学中，找到一个函数的根常常是...
rico.js
05-09
AJAX第三方库，需配合prototype.js使用，本人资源中有。
rico.js&prototype
10-31
rico.js version1.1.2 不能使用 1.7prototype.js,
AJAX 網頁程式設計─rico
paulwong
07-15 179
rico 是另外一套開放軟體的 JavaScript Framework, 根基於 prototype.js, 但是不僅僅是 prototype.js 的延伸而已, 還創造出一些它獨有的功能, 其中包含以下幾個特色： 1. 支援 AJAX。2. 支援拖拉式介面。3. 動畫效果, 如動態改變元件位置大小等。rico 下載網址：http://openrico.org/rico...
rico2.0组件库和例子
07-02
rico2.0 js组件库 有resizable table,动画效果公告等,我觉得很好用
rico 入门与应用
hynet的专栏
04-30 1309
0. 简介。 一个支持 AJAX的 javascript library，够简单吧。  1. 下载 Rico的 js file。 到 http://openrico.org/ 下载 prototype.js 和 rico.js。  2. include js file。 网页里加上下面两个设定(假设步骤一下载的档案放在scripts目录)。script src=
get-operating-system-information-using-wmi
allway2的博客
02-28 379
Fill a host file (hosts.txt) with the hostnames you want to retrieve the operating system information Script : $Catalog = GC "C:\hosts.Txt" ForEach($Machine in $Catalog){ $QueryString = Gwmi Win32_OperatingSystem -Comp $Machine $QueryString = $QueryS
KNN-笔记(2)
shouhuxianjian的专栏
09-02 432
1 - kd TreeKD树是一种对K维空间中的实例点进行存储以便对其进行快速检索的树形数据结构。KD树其实就是二叉树，表现为对K维空间的一个划分，构造kd树相当于不断的用垂直于坐标轴的超平面将k维空间切分，构成一系列的k维超矩形区域，即kd树就是二叉树在高维上的扩展。kd树的每个节点最后对应于一个k维超矩形区域。kd树搜索的平均计算复杂度是O(logN)O(logN)。假如维度是k, 而样本点一共
Ferret-UI
最新发布
whaosoft143ai的博客
05-20 143
之后，调整屏幕图像大小，使其匹配所选的网格配置，然后再将其切分为子图像（sub-image）。设置：Ferret-UI-anyres 是指集成了任意分辨率的版本，Ferret-UI-base 是指直接采用 Ferret 架构的版本，Ferret-UI 是指这两种配置。让大模型理解手机屏幕，苹果多模态Ferret-UI用自然语言操控手机,此次，苹果提出的多模态大语言模型（MLLM） Ferret-UI ，专门针对移动用户界面（UI）屏幕的理解进行了优化，其具备引用、定位和推理能力。whaosoft aiot
rico-bot:Disc固定的Discord讯息，但用于音乐
03-18
机器人 这是一个Discord机器人，可让您向他人推荐音乐并向您推荐音乐，这有点像是固定消息但只是音乐。 该机器人旨在部署在像Heroku这样的云平台服务上。通过构建/环境变量执行配置。 数据存储在Firebase实时数据库...
puerto-rico-latest-free.shp.zip
05-02
标题中的“puerto-rico-latest-free.shp.zip”表明这是一个关于波多黎各地理信息的数据包，且以shp格式存储。shp是ESRI Shapefile的缩写，是一种广泛用于地理信息系统（GIS）的矢量数据格式，能够存储点、线、面等...
rico-demo:带有 rico 的演示应用程序
07-13
mysql> CREATE USER 'rico'@'localhost' IDENTIFIED BY 'rico'; mysql> CREATE DATABASE rico; mysql> GRANT ALL PRIVILEGES ON rico . * TO 'rico'@'localhost'; mysql> FLUSH PRIVILEGES; 设置 xu@calypso:~
视频编解码学习之一：理论基础 - Mr.Rico - 博客园.pdf
09-03
①为什么要进行视频压缩？ ②为什么可以压缩？ ③数据压缩分类 ④编解码器 ⑤压缩系统的组成 ⑥编解码器实现 等等
[ THUNLP-MT(9/10) ] Neural Machine Translation of Rare Words with Subword Units | Byte Pair Encoding
世界上有很多的东西
05-15 913
Sennrich在ACL'2016发表的论文，主要研究神经机器翻译模型中的未登录词问题，提出了Byte Pair Encoding方法，同时该方法也解决了词表过大的问题。本文在介绍Sennrich的研究工作的基础上，也介绍了中文对于未登录词的相关方法。
动态加载js，css
rico_zhou的博客
07-31 333
动态加载js，css
米尔科技Rico Board：TI AM437X嵌入式开发板
"米尔科技的Rico Board是一款基于TI AM437X系列处理器的嵌入式开发板，适用于各种工业应用，如工业驱动器、人机界面、条码扫描仪等。它拥有丰富的接口，支持多种操作系统和工业协议，为开发者提供了便捷的开发环境。...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值