C# 在asp.net网站中添加运动效果

我正在用asp.net c#开发一个网站

我有一个加号，从中间到每一面的末端，将整页分成4个部分，每个部分都会显示一些不同的信息

我想要一些代码，将绘制加号从中心开始，并在网站主页的页面加载事件的所有四个方面结束

我知道使用flash是可能的，但我希望有一些代码能够在不使用flash的情况下实现这一点，可能是使用jscript或其他任何方式。 我有一个链接可能会有所帮助，因为我无法实现此链接中给出的代码。

css文件

    #pnlup
    {
        background-color:aqua;
        position:absolute;
        vertical-align:bottom;
        display:none;
        margin-left:47.85%;
        bottom:300px;
        overflow:hidden;
    }

    #pnldown
    {
        position:absolute;
        vertical-align:bottom;
        margin-top:0px;
        margin-left:47.85%;
        bottom:5px;

    }
    #down
    {

        background-color:aqua;
        height: 20px;            

    }
    #down1
    {

        background-color:aqua;
        height: 265px;
        display:none;
        overflow:hidden;
    }
    #pnlleft
    {
        background-color:aqua;
        position:absolute;
        vertical-align:bottom;
        margin-top:0px;
        margin-right:47%;
        bottom:285px;  
        display:none;
        right:55px;

    }
    #pnlright
    {    
        background-color:aqua;          
        position:absolute;
        vertical-align:bottom;
        margin-top:0px;
        margin-left:48.25%;
        bottom:285px;   
        display:none;       
    }
</style>

#pnlup
{
背景色：浅绿色；
位置：绝对位置；
垂直对齐：底部对齐；
显示：无；
左缘：47.85%；
底部：300px；
溢出：隐藏；
}
#普尔敦
{
位置：绝对位置；
垂直对齐：底部对齐；
边际上限：0px；
左缘：47.85%；
底部：5px；
}
#向下
{
背景色：浅绿色；
高度：20px；
}
#下降1
{
背景色：浅绿色；
高度：265px；
显示：无；
溢出：隐藏；
}
#普纳利夫特
{
背景色：浅绿色；
位置：绝对位置；
垂直对齐：底部对齐；
边际上限：0px；
保证金权利：47%；
底部：285px；
显示：无；
右：55px；
}
#pnlright
{    
背景色：浅绿色；
位置：绝对位置；
垂直对齐：底部对齐；
边际上限：0px；
左缘：48.25%；
底部：285px；
显示：无；
}

jscript代码

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/jscript">
      $(document).ready(function(){
        $('#pnlup').slideDown("slow");
        $('#down1').slideDown("slow");
        jQuery('#pnlright').slideToggleWidth();
        jQuery('#pnlleft').slideToggleWidth1();
    });

    jQuery.fn.extend({
        slideRight: function() {
        return this.each(function() {
        jQuery(this).animate({width: 'show'});
        });
        },
        slideLeft: function() {
            return this.each(function() {
            jQuery(this).animate({width: 'hide'});
        });
        },
        slideRight1: function() {
            return this.each(function() {
            jQuery(this).animate({width: 'hide'});
        });
        },
        slideLeft1: function() {
            return this.each(function() {
            jQuery(this).animate({width: 'show'});
        });
        },
        slideToggleWidth: function() {
            return this.each(function() {
            var el = jQuery(this);
            if (el.css('display') == 'none') {
                el.slideRight();
            } 
            else 
            {
                el.slideLeft();
            }
      });
      },
    slideToggleWidth1: function() {
            return this.each(function() {
            var el = jQuery(this);
            if (el.css('display') == 'none') {
                el.slideLeft1();
            } 
            else 
            {
                el.slideRight1();
            }
    });
    }
    });

$（文档）.ready（函数（）{
$（'pnlup'）。向下滑动（“慢速”）；
$（'向下1'）。向下滑动（“缓慢”）；
jQuery（“#pnlright”）.slideToggleWidth（）；
jQuery（“#pnlleft”）.slideToggleWidth1（）；
});
jQuery.fn.extend({
slideRight:function（）{
返回此值。每个（函数（）{
jQuery（this）.animate（{width:'show'}）；
});
},
slideLeft:function（）{
返回此值。每个（函数（）{
jQuery（this）.animate（{width:'hide'}）；
});
},
slideRight1:函数（）{
返回此值。每个（函数（）{
jQuery（this）.animate（{width:'hide'}）；
});
},
slideLeft1:函数（）{
返回此值。每个（函数（）{
jQuery（this）.animate（{width:'show'}）；
});
},
滑动切换宽度：函数（）{
返回此值。每个（函数（）{
var el=jQuery（this）；
如果（el.css（'display'）=='none'）{
el.slideRight（）；
} 
其他的
{
el.slidelft（）；
}
});
},
slideToggleWidth1:函数（）{
返回此值。每个（函数（）{
var el=jQuery（this）；
如果（el.css（'display'）=='none'）{
el.slideLeft1（）；
} 
其他的
{
el.slideRight1（）；
}
});
}
});

html代码

<form id="form1" runat="server">
    <div>
        <asp:Panel ID="pnlup" runat="server" style="width:15px; height:325px;">
        </asp:Panel>
        <asp:Panel ID="pnlleft" runat="server" style="width:695px; height:15px;">
        </asp:Panel>
        <asp:Panel ID="pnlright" runat="server" style="width:695px; height:15px;">
        </asp:Panel>
        <asp:Panel ID="pnldown" runat="server" style="width:15px; height:280px;">
            <div id="down" runat="server"></div>
            <div id="down1" runat="server"></div>
        </asp:Panel>
    </div>
</form>

---

因此，问题通常需要一些您已经尝试过的代码示例。你的问题太宽泛了，画十字的方法有很多，你可以加载一个图像，你可以画一个网格，只给中间的线加上阴影。。。。