zoukankan      html  css  js  c++  java
  • js 页面动态div 例子

    var div = document.createElement("DIV");
    div.innerHTML= "……";
    document.getElementById(id).appendChild(div);

    这个innerHTML 在Netsuite中可以变成一个 由suitelet生成的html 通过页面的即时Ajax交互 。实现一个很好的用户体验。

    另外给出 页面的小例子:

    <script language="JavaScript">
    <!--
    var url = 'http://system.netsuite.com';
    var url = 'http://www.cnblogs.com/backuper';
    //这里就是要跳到的地方
    //-->
    </script>
    <title>网站数据加载中……</title> </P><P></head> </P><P><body onLoad="location.href = url"> </P><P><div style='margin-top:40;margin-left:40;margin-right:0'>
    <p> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center">
    <style><!--.proccess{border:0px solid; border-color:#009900; 2;height:15;background:eeeeee;margin:0}--></style>
    </p>
    <div style='margin-top:-20;margin-left:0;margin-right:0' align="center">
    <form method=post name=proccess>
    <script language=javascript>
    document.write("<br><br><br><br><table border=0 cellspacing=1 cellpadding=0 bgcolor=#000000 ><tr bgcolor=#ffffff><td style='font:9pt Verdana;'>")
    for(i=0;i<200;i++)document.write("<input class=proccess >")
    document.write("</td></tr></table><br>")
    document.write("<div align=center style='font-size:9pt;color:#660000;'>Loading……,Please Wait!</div>")
    </script> </P><P> </form>
    </div>
    <div align="center">
    <script language=JavaScript><!--
    var p=0,j=0;
    var c=new Array("#FF6600","#ffffff")
    setInterval('proccess();',100)
    function proccess(){
    document.forms.proccess.elements[p].style.background=c[j];
    p+=1;
    if(p==200){p=0;j=1-j;}}
    --></script>
    </div>
    </div>
    <div align="center">
    <script>
    <!--
    if (document.layers)
    document.write('<Layer src="' + url + ' " VISIBILITY="hide"> </Layer>');
    else if (document.all || document.getElementById)
    document.write('<iframe src="' + url + '" style="visibility: hidden;"></iframe>');
    else location.href = url;
    //-->
    </script>
    </div>
    </body>

    另外附带一个 Dhtml中的例子:


    <html>
    <head>
    <title>DHtml举例12</title>
    <style><!--
    body {font-family:"宋体";color="blue";font-size="9pt"}
    -->
    </style>
    <script language="JavaScript">
    function changeText()
    {
    DT.innerText="我很好!";
    }//function

    function changeHtml()
    {
    DH.innerHTML="<i><u>我姓肖!</u></i>";
    }//function

    function back()
    {
    DT.innerText="您好吗?";
    DH.innerHTML="您姓什么?";
    }
    </script>
    </head>

    <body>
    <p><font color="gray">请点击下边的文字……</font>
    <ul>
    <li id="DT" onclick="changeText()">您好吗? </li>
    <li id="DH" onclick="changeHtml()">您姓什么? </li>
    <li onclick="back()">恢复原样! </li>
    </ul>


    Description of 3D MAGIC Lenticular Application Design & Output Software v2.0SE
    3D MAGIC v2 is the professional 3D/Flip design & output software with RIP function
    inside, supports all kinds of lenticular materials, contains rich functions, (including
    morph effect, mask effect, advanced flip effects, 3D by drawing, Sub-3D
    by group and various combination, etc.).
    <br>
    <object id="NSPlay" width="300" hspace="5" height="215" type="application/x-oleobject" standby="Loading Microsoft Windows Media Player components..." codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95">
    <param value="5" name="AutoRewind"/>
    <param value="http://dv.ce.cn/flash/player.swf?videoID=219727&autoStart=false" name="FileName"/>
    <param value="0" name="ShowControls"/>
    <param value="0" name="ShowPositionControls"/>
    <param value="0" name="ShowAudioControls"/>
    <param value="0" name="ShowTracker"/>
    <param value="0" name="ShowDisplay"/>
    <param value="0" name="ShowStatusBar"/>
    <param value="0" name="ShowGotoBar"/>
    <param value="0" name="ShowCaptioning"/>
    <param value="1" name="AutoStart"/>
    <param value="5000" name="Volume"/>
    <param value="0" name="AnimationAtStart"/>
    <param value="0" name="TransparentAtStart"/>
    <param value="1" name="AllowChangeDisplaySize"/>
    <param value="0" name="AllowScan"/>
    <param value="0" name="EnableContextMenu"/>
    <param value="0" name="ClickToPlay"/>

    <param name="enabled" value="1">
    <!--播放器是否可人为控制-->
    <param name="EnableContextMenu" VALUE="1">
    </object>

    <br>
    3D MAGICv2.0 can be applied in various industries, including advertisement, exhibition,
    indoor or outdoor decoration, wedding photography, gifts, offset printing, 3D light
    box,motion display,etc.
    <img src="http://www.sign-in-china.com/website_admin/product_upload/11901937453D-MAGIC-v2_1_En.gif">

    </body>
    </html>


    纠正错误,欢迎探讨:
    打开微信-发现-扫一扫
  • 相关阅读:
    微信:JSSDK开发
    JSSDK图像接口多张图片上传下载并将图片流写入本地
    微信JSSDK上传多张图片
    laravel自定义公共函数的引入
    php把数据转换为json格式
    laravel控制器方法中,用函数作为变量进行传递时的处理方法
    ckeditor富文本编辑器的基本配置设置:
    laravel处理菜单保持的方法:
    laravel基于Bootstrap的成功和失败的提示信息和验证提示信息
    laravel Eloquent 查询数据库判断获取的内容是否为空
  • 原文地址:https://www.cnblogs.com/backuper/p/1496406.html
Copyright © 2011-2022 走看看