当前位置:编程学习 > asp >>

Asp.Net MVC2 控件开发实例(3)

  这次是一个图片控件,实现轮播、上传、删除、修改以及点击时放大等功能。 先来看最终效果:

   \

 

 

 

 

 

 

 

 

 

 

说明:轮播的CSS参考了网上一篇文章,具体链接忘记了,其余为原创。

    书归正传。这个控件有几个功能点,1是无刷新上传和修改,这里使用了一个上传插件,详见:

ajaxupload。官方有使用说明,这里我就不讨论了;2是新增修改和删除图标的定位问题,CSS设置定位和层叠即可,也不细说了;3是点击小图显示大图的问题,这里面还有缩略图问题;4是控件单独刷新。以下将依次说明。

    首先构建基本的HTML和CSS:

HTML+CSS
<div class="banner_f">
    <div class="banner">
        <div class="banner_bg">
        </div>
        <!--标题-->
        <div class="banner_info">
    </div>
        <!--标题背景-->
        <div class="banner_list">
        </div>

        <div class="div_imgHD">
        </div>
    </div>
    <ul class="banner_ul">
        </ul>
</div>
<%=Html.Hidden("ZPDTID", Model.ZPDTID as string)%>
<%=Html.Hidden("PhotoYWdtid", Model.PhotoYWdtid as string)%>
<%=Html.Hidden("HD_Width", Model.HD_Width as string)%>
<%=Html.Hidden("HD_Height", Model.H
补充:Web开发 , ASP.Net ,
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,