10月18---10月20号第一周总结

两个任务

TASK #1 研究熟悉客户端开发 jQuery jQueryUI

任务描述

改进boxup.ui.Textfield:

1.封装 setWidth, getWidth, setValue, getValue, setMode, getMode 6个方法。

2.修改样式，输入框的四个角使用弧形而不是方形

3.在Textfield.html页面中，能够演示封装好的6个方法的效果。和弧形角的样式

任务一开始觉得没什么头绪，挺难的，现在回头看看确实挺简单，方法基本上掌握了。

难点主要是封装mode和一些css设置

boxup.ui.widgets.TextField.setMode=function(id,mode){
   var textFieldRef = $("#" + id);

   textFieldRef.removeClass();//在重设mode的时，要先删除原先的mode
   if (mode == boxup.ui.widgets.TextField.Mode.Error)
   {
       textFieldRef.addClass("boxup-ui-textfield-error");
   }
   // default | normal
   else
   {
       textFieldRef.addClass("boxup-ui-textfield-normal");
   }
   //重设mode
};

css设置

border-radius:3px; 设置弧形边框
-moz-border-radius:3px; 不同浏览器版本

background-color: rgba(255, 255,255,0.5); rgba(255,255,255,0.5);前面的rgb是指颜色，这里是以十进制的形式表达，255等价于FF，后面的a代表alpha代表透明度，0.5等价于50%透明；

TASK #2 改进boxup.ui.Window

任务描述

1. 改进样式，采用首页白色半透明，圆角的容器效果。

2. 每个Window 都能够设置title. 封装setTitle, getTitle的方法。

//Set title   renbinbin
boxup.ui.widgets.Window.setTitle = function(id,title)
{
    var titleDiv=$("#" + id).prev();
    titleDiv.text(title);
};                                     关键是prev() 取到div对象的上一个同位元素

css设置

-moz-box-shadow: 4px 4px 4px #888888; /* shen: 背景阴影 */
box-shadow: 4px 4px 4px #888888;

overflow: auto; /*shen 需要的话自动显示滚轴 */

background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #E6E8FA), color-stop(1, #f9f9f9) );
background:-moz-linear-gradient( center top, #E6E8FA 5%, #f9f9f9 100% );

10月18---10月20号第一周总结相关推荐

第八届慈展会将于9月18日至20日在深圳举行
央视民生网8月18日深圳讯(张强报道) 当天上午,第八届中国公益慈善项目交流展示会(简称"慈展会")在深圳召开新闻通报会,向社会各界通报前七届慈展会主要成效以及第八届慈展会主要 ...
【历史上的今天】10 月 18 日：Internet Explorer 7 正式发布；全球首家网络银行开业；“美版红白机” NES 诞生
整理 | 王启隆透过「历史上的今天」,从过去看未来,从现在亦可以改变未来. 今天是 2022 年 10 月 18 日,在 100 年前的今天,英国 BBC 广播电视台成立:BBC 是世界上最大的新闻 ...
2014年10月18号到19号在成都举行的重庆移动校园招聘笔试面试经历——技术岗
10月18号,星期六.微热,天气阴.在川大参加了重庆移动的初面,初面在川大的就业指导中心副楼2楼举行,我在第二组,笔试.参加了京东安全工程师的笔试.重庆移动笔试题目卷面有17页,题量不大,很多人提前2 ...
Axure 8.1.0.3381 激活码 10月20号更新亲测可用
Axure 8.1.0.3381 激活码 10月20号更新亲测可用,立马激活,更新之后不后悔. 激活码查看地址:https://download.csdn.net/download/qq_207 ...
活动目录迁移之03奔向08 --10月18日2008系列讲座预告篇
现场讲座: 在上一次 <卍解,开放基础架构的力量> --9月26日讲座中着重讲解并演示了windows server 2008 core 模式下如何部署域控制器. blog: 具体操作步骤 ...
【历史上的今天】4 月 10 日：Github 诞生；人类第一张黑洞照片；计算机延误航天飞机
整理 | 王启隆透过「历史上的今天」,从过去看未来,从现在亦可以改变未来. 今天是 2022 年 4 月 10 日,在 2007 年的今天,九城出资 2700 万美元闪电收购雅蜂网,当时雅蜂网上线时 ...
[NOIP集训]10月18日
今天的文件夹:10月18日.zip 今天脑子转不起来,想不出来动规了. Orz @张翰文学神 T1:快排,然后求连续数字的长度,简单判断即可. T2: 题2. 养zsc(pig.pas/c/cpp) ...
Dell大连07校园招聘10月18日在线宣讲实录（完全彩色版）
2006年10月18日 18:00-20:20 英才大使说:各位网友晚上好,今天我们非常荣幸邀请到了Jean-Marc Serayssol (施杰明)-现任戴尔大连客户联系中心总经理,Lisa Li ...
（资讯）历史——4 月 10 日：Github 诞生；人类第一张黑洞照片；计算机延误航天飞机
透过「历史上的今天」,从过去看未来,从现在亦可以改变未来. 今天是 2022 年 4 月 10 日,在 2007 年的今天,九城出资 2700 万美元闪电收购雅蜂网,当时雅蜂网上线时间还不到一年.九城 ...

10月18---10月20号第一周总结

10月18---10月20号第一周总结相关推荐

最新文章

热门文章