GreetingCardDesinger

最新推荐文章于 2019-04-15 20:26:25 发布
最新推荐文章于 2019-04-15 20:26:25 发布
阅读量1.5k 收藏
点赞数
分类专栏： JAVASCRIPT 文章标签： class filter div function button border
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/asthlon/article/details/119209
版权

<html>
<head>
<title>Greeting Card Designer－www.51windows.Net</title>

<style type="text/css">

.title {  font-family: Verdana;
        font-size: 13pt; font-weight: bold;
        color: #FFFFFF;}
.lpane {  position:absolute;
        width:144px;  height:408px; z-index:1;
        top: 34px; left: 6px;
        background: #FFFFFF;
        border-right:2px solid  #99CCFF;
        border-top:2px solid #333366;
        border-left:2px solid #333366;
        border-bottom:2px solid #99CCFF;}
.layout { position:absolute;
        width:443px; height:408px; z-index:1;
        top: 34px; left: 157px;
        background-color: #999999;
        border-right:2px solid  #99CCFF;
        border-top:2px solid #333366;
        border-left:2px solid #333366;
        border-bottom:2px solid #99CCFF;}
.card  { position:absolute;
        width:375px; height:225px; z-index:2;
        left: 32px; top: 85px;
        background-color: #FFFFFF;
        layer-background-color: #FFFFFF;
        border: 1px solid #000000; padding:15;
         overflow:hidden;}
.cardshadow  { position:absolute;
        width:375px; height:225px; z-index:1;
        left: 32px; top: 85px;
        background: #000000; border: 1px solid #000000;
        FILTER: progid:DXImageTransform.Microsoft.CrBlur(
                PixelRadius=3,
                MakeShadow=true,
                ShadowOpacity=.30);}
.rpane { position:absolute;
        width:144px; height:408px; z-index:1;
        top: 34px; left: 608px;
        background:#666666;
        layer-background-color: #FFFFFF;
        border-right:2px solid  #99CCFF;
        border-top:2px solid #333366;
        border-left:2px solid #333366;
        border-bottom:2px solid #99CCFF;
        padding:5px;}
.bar { position:absolute;
        width:746px; height:20px; z-index:2;
        top: 446px; left: 6px; padding:5px;}
.bar A:link {text-decoration:none; color:white}
.bar A:visited {text-decoration:none; color:white}
.bar A:active {text-decoration:none; color:white}
.bar A:hover {text-decoration:none; color:yellow}
.wbox{ background-color: #FFFFFF;
        border:1px solid #000000; z-index:2;}
.button1{ height:20px;
        background:#666666;
        font-family:verdana; color:white;
        font-size:8pt; font-weight:bold;
        padding:1px; padding-left:5px;
        border-bottom:1px solid #999999;
        cursor:hand; }
.textRegion{ height:20px;
        background:#666666;
        font-family:verdana; color:white;
        font-size:8pt;
        padding:1px; padding-left:5px;
        border-bottom:1px solid #999999;}
.swatch{ height:20px; width:20px;
        margin:5px; border:1px solid black;
        cursor:hand;}

</style>


<SCRIPT language=javascript>
<!-- Identifies the current set of active right pane controls               -->
var gsCurrentControlSet = null;
<!-- These variables are used to dynamically assign IDs to inserted content -->
var giLastImg = '1';
var giLastTxt = '1';


<!-- The fnInit function initializes the editable and non-editable regions -->
<!-- of the document                                                       -->
function fnInit(){
    gsCurrentControlSet=oSizeControls;

    <!-- Ensure the display interface is not selectable, by making all     -->
    <!-- elements UNSELECTABLE                                             -->
    for (i=0; i<document.all.length; i++)
            document.all(i).unselectable = "on";

    <!-- Prepare the editable region                                       -->
    card.unselectable = "off";
    card.contentEditable='true';
    document.execCommand("2D-Position", true, true);
    document.execCommand("MultipleSelection", true, true);
    document.execCommand("LiveResize", true, true);
}


<!-- The fnToggleOptions function sets the type of controls available on   -->
<!-- the right pane of the Card Designer. size/background/text/images      -->
function fnToggleOptions(sControlSet){

    if (gsCurrentControlSet != sControlSet){
      gsCurrentControlSet.style.display = "none";
      sControlSet.style.display = "block";
      gsCurrentControlSet = sControlSet;
    }
}


<!-- The fnChangeSize function sets the editable card region -->
<!-- to the user selected dimentions.                        -->
function fnChangeSize(oWidth, oHeight, oTop, oLeft) {
   card.style.width=oWidth;
   cardshadow.style.width=oWidth;
   card.style.height=oHeight;
   cardshadow.style.height=oHeight;
   card.style.top=oTop;
   cardshadow.style.top=oTop;
   card.style.left=oLeft;
   cardshadow.style.left=oLeft;
}

<!-- The fnChangeStyle function sets the background style for the card. -->
function fnChangeStyle() {
    if (event.srcElement.className == "swatch") {
        card.style.background=event.srcElement.style.background;
        card.style.filter=event.srcElement.style.filter;
    }
}


<!-- The fnInsertImage function inserts an image into the editable card -->
<!-- region.   The new IMG has a unique ID.                             -->
function fnInsertImage(oImgId,oImgSrc)
{
    var oNode=document.createElement("img");
    card.insertBefore(oNode);
    oNode.src=oImgSrc;
    giLastImg++;
    var iTempCount = oImgId + giLastImg;
    oNode.id = iTempCount;
    oNode.style.position='absolute';

    <!-- Set the new image as control selected for resizing/repositioning -->
    var oControlRange = document.body.createControlRange();
    oControlRange.add(oNode);
    oControlRange.select();
}

<!-- The fnInsertText function inserts an text DIV into the editable card -->
<!-- region.  The new DIV has a unique ID.                                -->
function fnInsertText(oTxtId,oTxtFont) {
    var oNode=document.createElement("div");
    card.insertBefore(oNode);
    oNode.style.fontFamily=oTxtFont;
    oNode.innerText='Enter some text here';
    giLastTxt++;
    var iTempCount = "text" + giLastTxt;
    oNode.id = iTempCount;
    oNode.style.position='absolute';

    <!-- Set the new text as the active element for editing. -->
    oNode.setActive()
}

<!-- The fnChangeFontSize function sets the font-size for control selected -->
<!-- text regions.                                                         -->
function fnChangeFontSize(){
  if (document.selection.type == "Control") {
    var oControlRange = document.selection.createRange();
    for (i = 0; i < oControlRange.length; i++)
      if (oControlRange(i).tagName != "IMG")
        oControlRange(i).style.fontSize=event.srcElement.style.fontSize;
  }
}

<!-- The fnChangeFontFamily function sets the font-family for control -->
<!-- selected text regions.                                           -->
function fnChangeFontFamily    (){
  if (document.selection.type == "Control"){
    var oControlRange = document.selection.createRange();
    for (i = 0; i < oControlRange.length; i++)
      if (oControlRange(i).tagName != "IMG")
       oControlRange(i).style.fontFamily=event.srcElement.style.fontFamily;
  }
}

<!-- The fnChangeFontColor function sets the text color for control selected -->
<!-- text regions.                                                           -->
function fnChangeFontColor    (){
  if (document.selection.type == "Control") {
    var oControlRange = document.selection.createRange();
    for (i = 0; i < oControlRange.length; i++)
      if (oControlRange(i).tagName != "IMG")
        oControlRange(i).style.color=event.srcElement.style.backgroundColor;
  }
}

</SCRIPT>
</HEAD>


<BODY BGCOLOR="#006699" MARGINWIDTH="0" MARGINHEIGHT="0" TOPMARGIN="0" LEFTMARGIN="0" οnlοad="fnInit();">
<!--TOOLBAR_START--><!--TOOLBAR_EXEMPT--><!--TOOLBAR_END-->

<DIV ID="title" CLASS="title" STYLE="position:absolute; width:747px;
     height:28px; z-index:2; top:5px; left:5px">Greeting Card Designer</DIV>

<!-- Option Control -->
<DIV ID="leftpane" CLASS="lpane">
    <DIV CLASS="button1" οnclick="fnToggleOptions(oSizeControls);">
        Size</DIV>
    <DIV CLASS="button1" οnclick="fnToggleOptions(oBackgroundControls);">
        Background Style</DIV>
    <DIV CLASS="button1" οnclick="fnToggleOptions(oTextControls);">
        Text</DIV>
    <DIV CLASS="button1" οnclick="fnToggleOptions(oImageControls);">
        Images</DIV>
    </BR></BR></BR></BR>
    <DIV CLASS="textRegion">
        </BR></BR></BR></BR>Right-click <B>here</B> and select
        <B>View Source</B> to see how it's done.</BR></BR></BR></BR></BR></DIV>
</DIV>

<!-- The Editing Container -->

<DIV ID="layoutbox" CLASS="layout">
    <DIV ID="card" CLASS="card" οnpaste="window.event.returnValue = false;" >
    </DIV>
    <DIV ID="cardshadow" CLASS="cardshadow">
    </DIV>
</DIV>

<!-- Size Controls -->
<DIV ID="oSizeControls" CLASS="rpane" ALIGN="center" STYLE="display:block;">
    <DIV ALIGN="left" STYLE="font-family:verdana; color:white;
        font-size:10pt; padding:1px; font-weight:bold">Size:</DIV>
    <DIV ALIGN="left" STYLE="font-family:verdana; color:white;
        font-size:8pt; padding:5px">Choose the dimensions of your
        card by clicking on a size below:</DIV>
    <BR>
    <DIV ID="cardsize1" CLASS="wbox" STYLE="width:100; height:65;
        padding:5px; margin:10px; cursor:hand;"
        οnclick="fnChangeSize('375','225','85','32');" >4" x 6"</DIV>
    <DIV ID="cardsize2" CLASS="wbox" STYLE="width:100; height: 100;
        padding:5px; margin:10px; cursor:hand;"
        οnclick="fnChangeSize('375','375','5','32');">6" x 6"</DIV>
    <DIV ID="cardsize3" CLASS="wbox" STYLE="width:70; height: 100;
        padding:5px; margin:10px; cursor:hand;"
        οnclick="fnChangeSize('275','375','8','75');">6" x 4"</DIV>
</DIV>

<!-- Text Controls -->
<DIV ID="oTextControls" CLASS="rpane" ALIGN="left"
        STYLE="display:none; padding:5px">
    <DIV ALIGN="left" STYLE="font-family:verdana; color:white;
        font-size:10pt; padding:1px; font-weight:bold">Text:</DIV>
    <DIV ALIGN="left" STYLE="font-family:verdana; color:white;
        font-size:8pt; padding:5px">Insert, edit, or reposition text regions.
    </DIV><BR/>
    <button οnclick="fnInsertText('georgia')">Insert Text</button><BR/>

    <!-- Text Size Controls  -->
    <SPAN  οnclick="fnChangeFontSize();">
        <DIV STYLE="height: 25px; cursor:hand; font-family:georgia;
            font-size:22pt; font-weight:normal; color:white">Large</DIV>
        <DIV STYLE="height: 25px; cursor:hand; font-family:georgia;
            font-size:15pt; font-weight:normal; color:white">Medium</DIV>
        <DIV STYLE="height: 25px; cursor:hand; font-family:georgia;
            font-size:10pt; font-weight:normal; color:white">small</DIV>
    </SPAN><BR/>

    <!-- Text Font-Family Controls  -->
    <SPAN  οnclick="fnChangeFontFamily();">
        <DIV STYLE="height: 25px; cursor:hand; font-family:times;
            font-size:14pt; font-weight:normal; color:white">Times</DIV>
        <DIV STYLE="height: 25px; cursor:hand; font-family:arial;
            font-size:14pt; font-weight:normal; color:white">Arial</DIV>
        <DIV STYLE="height: 25px; cursor:hand; font-family:georgia;
            font-size:14pt; font-weight:normal; color:white">Georgia</DIV>
        <DIV STYLE="height: 25px; cursor:hand; font-family:verdana;
            font-size:14pt; font-weight:normal; color:white">Verdana</DIV>
    </SPAN><BR/>

    <!-- Text Color Controls -->
    <SPAN  οnclick="fnChangeFontColor();">
        <SPAN CLASS="swatch" STYLE="background:black">
        </SPAN>
        <SPAN CLASS="swatch" STYLE="background:#666666">
        </SPAN>
        <SPAN CLASS="swatch" STYLE="background:#cccccc">
        </SPAN>
        <SPAN CLASS="swatch" STYLE="background:white">
        </SPAN><BR/>

        <SPAN CLASS="swatch" STYLE="background:tomato">
        </SPAN>
        <SPAN CLASS="swatch" STYLE="background:palegreen">
        </SPAN>
        <SPAN CLASS="swatch" STYLE="background:palegoldenrod">
        </SPAN>
        <SPAN CLASS="swatch" STYLE="background:royalblue">
        </SPAN>
    </SPAN>
</DIV>

<!-- Image Controls -->
<DIV ID="oImageControls" CLASS="rpane" ALIGN="center"
    STYLE="display:none; padding:5px; overflow:auto">
    <DIV ALIGN="left" STYLE="font-family:verdana; color:white;
        font-size:10pt; padding:1px; font-weight:bold">Images:</DIV>
    <DIV ALIGN="left" STYLE="font-family:verdana; color:white; font-size:8pt;
        padding:5px">Select image to insert, then position or re-size.</DIV>

    <DIV STYLE="height:65px; width: 100px; border-bottom:1px solid #cccccc;
        padding:10px; cursor:hand"
        οnclick="fnInsertImage('heart','heart.gif');">
        <IMG SRC="miniheart.gif"  STYLE="position:absolute; left:50"
            οndrag="window.event.returnValue = false;"/></DIV>

    <DIV STYLE="height:65px; width: 100px; border-bottom:1px solid #cccccc;
        padding:10px; cursor:hand"
        οnclick="fnInsertImage('egg','egg.gif');">
        <IMG SRC="miniegg.gif" STYLE="position:absolute; left:50"
            οndrag="window.event.returnValue = false;"/></DIV>

    <DIV STYLE="height:65px; width: 100px; border-bottom:1px solid #cccccc;
        padding:10px; cursor:hand"
        οnclick="fnInsertImage('flower','flower.gif');">
        <IMG SRC="miniflower.gif" STYLE="position:absolute; left:50"
            οndrag="window.event.returnValue = false;"/></DIV>

    <DIV STYLE="height:65px; width: 100px; border-bottom:1px solid #cccccc;
        padding:10px; cursor:hand"
        οnclick="fnInsertImage('present','present.gif');">
        <IMG SRC="minipresent.gif" STYLE="position:absolute; left:50"
            οndrag="window.event.returnValue = false;"/></DIV>

    <DIV STYLE="height:65px; width: 100px; border-bottom:1px solid #cccccc;
        padding:10px; cursor:hand"
        οnclick="fnInsertImage('clover','clover.gif');">
        <IMG SRC="miniclover.gif" STYLE="position:absolute; left:50"
            οndrag="window.event.returnValue = false;"/></DIV>
</DIV>

<!-- Background Controls -->
<DIV ID="oBackgroundControls" CLASS="rpane" ALIGN="center" STYLE="display:none"
    οnclick="fnChangeStyle();">

    <DIV ALIGN="left" STYLE="font-family:verdana; color:white;
        font-size:10pt; padding:1px; font-weight:bold">Background:</DIV>
    <DIV ALIGN="left" STYLE="font-family:verdana; color:white; font-size:8pt;
        padding:5px">Choose a color or gradient from the styles below.</DIV>
    <BR/>

    <!-- Solid Swatches -->
    <SPAN CLASS="swatch" STYLE="background:black" ></SPAN>
    <SPAN CLASS="swatch" STYLE="background:#666666" ></SPAN>
    <SPAN CLASS="swatch" STYLE="background:#cccccc" ></SPAN>
    <SPAN CLASS="swatch" STYLE="background:white" ></SPAN><BR/>

    <SPAN CLASS="swatch" STYLE="background:tomato" ></SPAN>
    <SPAN CLASS="swatch" STYLE="background:palegreen" ></SPAN>
    <SPAN CLASS="swatch" STYLE="background:palegoldenrod" ></SPAN>
    <SPAN CLASS="swatch" STYLE="background:royalblue" ></SPAN><BR/>

    <SPAN CLASS="swatch" STYLE="background:pink" ></SPAN>
    <SPAN CLASS="swatch" STYLE="background:cornflowerblue" ></SPAN>
    <SPAN CLASS="swatch" STYLE="background:blueviolet" ></SPAN>
    <SPAN CLASS="swatch" STYLE="background:Darkseagreen" ></SPAN><BR/>

    <SPAN CLASS="swatch" STYLE="background:lightskyblue" ></SPAN>
    <SPAN CLASS="swatch" STYLE="background:navajowhite" ></SPAN>
    <SPAN CLASS="swatch" STYLE="background:yellowgreen" ></SPAN>
    <SPAN CLASS="swatch" STYLE="background:palevioletred" ></SPAN><BR/>

    <!-- The remaining swatches have a gradient filter applied.  -->
    <SPAN CLASS="swatch" STYLE="background:lightskyblue;
        filter:progid:DXImageTransform.Microsoft.Gradient(
        endColorstr='#ffffff', startColorstr='#99CCFF', gradientType='1');">
    </SPAN>
    <SPAN CLASS="swatch" STYLE="background:lightskyblue;
        filter:progid:DXImageTransform.Microsoft.Gradient(
        endColorstr='#ffffff', startColorstr='#99CCFF', gradientType='0');">
    </SPAN>
    <SPAN CLASS="swatch" STYLE="background:lightskyblue;
        filter:progid:DXImageTransform.Microsoft.Gradient(
        endColorstr='#99CCFF', startColorstr='#ffffff', gradientType='1');">
    </SPAN>
    <SPAN CLASS="swatch" STYLE="background:lightskyblue;
        filter:progid:DXImageTransform.Microsoft.Gradient(
        endColorstr='#99CCFF', startColorstr='#ffffff', gradientType='0');">
    </SPAN><BR/>

    <SPAN CLASS="swatch" STYLE="background:lightskyblue;
        filter:progid:DXImageTransform.Microsoft.Gradient(
        endColorstr='#ffffff', startColorstr='gold', gradientType='1');">
    </SPAN>
    <SPAN CLASS="swatch" STYLE="background:lightskyblue;
        filter:progid:DXImageTransform.Microsoft.Gradient(
        endColorstr='#ffffff', startColorstr='gold', gradientType='0');">
    </SPAN>
    <SPAN CLASS="swatch" STYLE="background:lightskyblue;
        filter:progid:DXImageTransform.Microsoft.Gradient(
        endColorstr='gold', startColorstr='#ffffff', gradientType='1');">
    </SPAN>
    <SPAN CLASS="swatch" STYLE="background:lightskyblue;
        filter:progid:DXImageTransform.Microsoft.Gradient(
        endColorstr='gold', startColorstr='#ffffff',    gradientType='0');">
    </SPAN><BR/>

    <SPAN CLASS="swatch" STYLE="background:lightskyblue;
        filter:progid:DXImageTransform.Microsoft.Gradient(
        endColorstr='#ffffff', startColorstr='palegreen', gradientType='1');">
    </SPAN>
    <SPAN CLASS="swatch" STYLE="background:lightskyblue;
        filter:progid:DXImageTransform.Microsoft.Gradient(
        endColorstr='#ffffff', startColorstr='palegreen', gradientType='0');">
    </SPAN>
    <SPAN CLASS="swatch" STYLE="background:lightskyblue;
        filter:progid:DXImageTransform.Microsoft.Gradient(
        endColorstr='palegreen', startColorstr='#ffffff', gradientType='1');">
    </SPAN>
    <SPAN CLASS="swatch" STYLE="background:lightskyblue;
        filter:progid:DXImageTransform.Microsoft.Gradient(
        endColorstr='palegreen', startColorstr='#ffffff', gradientType='0');">
    </SPAN><BR/>

    <SPAN CLASS="swatch" STYLE="background:lightskyblue;
        filter:progid:DXImageTransform.Microsoft.Gradient(
        endColorstr='#ffffff', startColorstr='red', gradientType='1');">
    </SPAN>
    <SPAN CLASS="swatch" STYLE="background:lightskyblue;
        filter:progid:DXImageTransform.Microsoft.Gradient(
        endColorstr='#ffffff', startColorstr='red', gradientType='0');" >
    </SPAN>
    <SPAN CLASS="swatch" STYLE="background:lightskyblue;
        filter:progid:DXImageTransform.Microsoft.Gradient(
        endColorstr='red', startColorstr='#ffffff', gradientType='1');">
    </SPAN>
    <SPAN CLASS="swatch" STYLE="background:lightskyblue;
        filter:progid:DXImageTransform.Microsoft.Gradient(
        endColorstr='red', startColorstr='#ffffff', gradientType='0');">
    </SPAN><BR/>
</DIV>
</SPAN>

<DIV CLASS="bar" >
   <A href="http://www.microsoft.com/misc/cpyright.htm" target=_top>
      &#169;2001 Microsoft Corporation. All rights reserved. Terms of use.</A>
</DIV>
</body>
</html>
<div style="position: absolute; bottom: 10; right: 0; width: 150; height:

18;cursor:hand;z-index:100000;font:menu;background:infobackground;border:1 solid #999999;padding:4px;">
 <A href="/data/" target=_blank><FONT color=red> DataCenter</FONT></A>  <A href="/game/" target=_blank><FONT color=green> 在线小

游戏</FONT></A>
 <input type="button" name="Button" value="源代码" onClick= 'window.location = "view-source:" + window.location.href'>

 

 

 

asthlon
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Greeting Card
NoobPlayer_llke的博客
04-13 554
问题 G: Greeting Card 时间限制: 1 Sec内存限制: 128 MB 提交: 666解决: 59 [提交] [状态] [命题人:admin] 题目描述 Quido plans to send a New Year greeting to his friend Hugo. He has recently acquired access to an advanced h...
GreetingCard-卡片
x病毒的专栏
12-10 324
Greeting Card 模拟
博客标题不能为空我也没办法
04-12 348
样例输入 4 20180000 20180000 20180000 20182018 20182018 20180000 20182018 20182018 样例输出 4 首先题意是说给你一些点，让你在里面任选两个，统计所有可能中两个点距离为2018的对数。 一开始思路是暴力，但是想想肯定会超时，这里方法比较像广搜中dir数组的用法，提前暴力计算一下如果两点距离为2018那么这两个点坐标之间的关系...
精典的CSS样式
山水缘
02-28 114
例&lt;body style="filter:progid:DXImageTransform.Microsoft.Gradient(gradientType='0',startColorstr='#00ffcc00',endcolorstr='#c099ccff') "&gt;注：gradientType 可以是 1或是0startcolorstr 開始的顏色endcolorstr 結束時的顏色...
Greeting Card（思维）
eazo的博客
04-15 525
题目描述 Quido plans to send a New Year greeting to his friend Hugo. He has recently acquired access to an advanced high-precision plotter and he is planning to print the greeting card on the plotter. Her...
Kattis - greetingcard —G - Greeting Card（思路题）
刘二狗的博客
10-21 898
链接： https://cn.vjudge.net/problem/1153119/origin 题意： 给出n个点坐标，问距离为2018的点有多少对。 思路： 最开始的思路是，先按照x排序，然后比较时x之差大于2018则停止。这样是会超时的，因为不管按照x排序或者按照y排序，都有可能被卡数据。 所以最新思路是按照每个点距离原点的距离排序，如果距原点之差大于2018，则停止（运用的是三...
[ NAIPC2016 ] C. Greetings! [状压DP + 枚举子集]
lzs_lazy
10-03 278
题目链接 Your greeting card company makes unique greeting cards. The sizes of these greeting cards vary widely because of the whims of card designers. There are a lot of different types of cards, and each...
用 js 实现组织结构图
微笑的黄捷
04-19 9022
js组织关系由数组体现出来在 body onload 事件中初使化数组，取得组织关系图的层次和下及关系中节点最多的层次中节点数，用以取得水平线的最大宽度以下为 htm 原码组织结构图 .dvItem {   position:absolute;   width:24px;   border:1px solid #999999;   font-size:12px;   padding:5px;  
利用userData实现客户端保存表单数据
微笑的黄捷
11-11 4434
对于多数网页制作的朋友，实现在客户端保存在网页表单上的信息，比较多的是采用Cookie技术来实现，这些功能例如：下拉列表框选择的选项，文本框输入的数据等。事实上，我们可以利用微软DHTML默认行为中的userData行为来实现这个功能。因为很多网友问到这样的问题，整理了一下，并提供了三个示例。下面将就该行为的使用做一个介绍：UserData 行为（userData Behavior）：
漂亮的下拉框
微笑的黄捷
10-26 3382
漂亮的下拉框// ViaSelect Environment Constantsvar SS_ENV = new Object();SS_ENV.IE_Version = new Number(((window.navigator.appVersion.split(; ))[1].split( ))[1]);SS_ENV.CR = new Object();SS_ENV.CR.Revers
使用 JavaScript 实现 XMLHttpRequest,在IE,FireFox 上测试通过！
微笑的黄捷
05-25 2637
XMLHttp 方式实现无刷屏,在IE,FireFox 上测试通过  "http://www.w3.org/tr/xhtml1/DTD/xhtml1-transitional.dtd">html {background-color:#eeeeee}body {      background-color:#ccffcc;      font-family:Tahoma,Arial,Helvetic
在html文件引入其它html文件的几种方法
微笑的黄捷
08-27 2341
简介：在论坛中常常有网友问到，可以在一个html的文件当中读取另一个html文件的内容吗？答案是确定的，而且方法不只一种，在以前我只会使用iframe来引用，后来发现了另外的几种方法，那今天就总结这几种方法让大家参考一下，本人觉得第三种方式较好！ 1.IFrame引入，看看下面的代码 程序代码:   "content_frame" width=100% height=30 marg
获取当前系统字体
微笑的黄捷
08-31 2268
宝玉 2004-2-26[url]http://www.webuc.net[/url][url]http://www.nwpubbs.net[/url]--> 获取当前系统字体和排版样式 function getSystemFonts(){    var a=dlgHelper.fonts.count;    var fArray = new Array();    var oDropDown
一个用JavaScript去除字符串两端空格的function
微笑的黄捷
05-27 1952
function Trim(str){ var s = str; var i,len; var hasEmpty = false; if(s.charAt(0) == " ") {  s = s.replace(" ","");  hasEmpty = true; } len = s.length; if(s.charAt(len-1) == " ") {  s = s.replace(" ","
动态生成一个HTML对象
微笑的黄捷
10-28 1802
window.document.createElement可以动态生成一个HTML对象，并且可以利用HTML对象的appendChild方法把自动生成的HTML对象添加到某一HTML对象中。   window.document.createElement的用法如下：   var LinkObj = window.document.createElement("A");   这样就生成了
快速从一个XML文件中查找信息
微笑的黄捷
08-27 1797
在网络时代,XML文件起到了一个保存和传输数据的作用。Soap协议通过Xml交流信息，数据库通过Xml文件存取等等。那么怎样快速的从一个XML文件中取得所需的信息呢？我们知道，JAVA的JAXP中和Microsoft.Net都有Xml分析器，Microsoft.Net是边读边分析，而JAXP是读到内存中然后才进行分析（还有一种是事件机制去读），总而言之，是不利于快速读取。基于此，Microso
网页上内容导出到word
微笑的黄捷
11-04 1776
网页上内容导出到wordHappy New Year ! ! !this is a test!123456789function OpenWord(){Layer1.style.border=0ExcelSheet = new ActiveXObject(Word.Application);ExcelSheet.Application.Visible = true;var mydoc=Ex
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值