Web 基础
tuobana123
从事J2EE开发,熟悉Spring Framework,Hibernate,Mybatis等开源java框架。
展开
-
Introduction to HTML
1、 网页使用的语言,即html2、 创建html文档的开始和结束3、 创建标题4、 创建网页标题5、 创建网页实体6、 创建段7、 控制字体大小8、 网页嵌入图片9、 超链接原创 2013-03-16 20:34:31 · 597 阅读 · 0 评论 -
jquery function 参数传递
jquery的function函数中使用外部变量://如何取得i的变量for(i=0;i<3;i++) { $.get("/test.html", function(data){ alert(i) });}//使用闭包:for(i=0;i<3;i++) { (function(index){ $.get("/test.html", function(dat原创 2013-08-06 11:01:45 · 10787 阅读 · 0 评论 -
jquery 折叠&展开
使用jquery实现的折叠展开源码,供以后参考使用。 var flag = 1; $(document).ready(function(){ $(".flip").click(function(){ if (0 == flag) { $(".panel").slideUp("10000"); flag = 1; } else {原创 2013-08-06 09:57:12 · 4652 阅读 · 0 评论 -
javascript 对象 实例
javascript是面向对象的脚本语言,如果不懂对象的使用,那对javascript的掌握也谈不上熟悉了,只能说是了解而已,所以最近这段时间,我猛攻了一下javascript对象,学习了很多实例,对javascript对象多少有点了解了,哈哈,以免自己以后忘记,我写了个小实例,供以后参考。这个例子涉及的知识主要是Jquery,DOM,Javascript对象和prototype,以及数组原创 2013-07-24 17:42:53 · 737 阅读 · 0 评论 -
javascript数组
1、javascript数组构建的3中方式var arrayObj = new Array(); //创建一个数组var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限是长度,也就是说即使指定了长度为5,仍然可以将元素存储在规定长度以外的var arrayObj = new Array([element0[, element原创 2013-07-17 11:33:24 · 702 阅读 · 0 评论 -
jquery post json
jquery ajax调用,有的情况下提交的参数比较多,这时我们希望将这些参数作为一个json对象传递到controller中进行处理,那么就需要使用到post json对象的功能,下面的例子简单说明这个功能的使用。js代码,需要注意contentType:”application/json”,不然会出现415的错误 <script type="text/javascript">原创 2015-10-27 11:53:36 · 1173 阅读 · 0 评论 -
jquery:淡入淡出
1、淡入已隐藏的元素$(selector).fadeIn(speed,callback);2、淡出可见元素$(selector).fadeOut(speed,callback);3、jQuery fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换。如果元素已淡出,则 fadeToggle() 会向元素添加原创 2013-04-24 14:12:32 · 876 阅读 · 0 评论 -
javascript 树形菜单
// Arrays for nodes and iconsvar g_nodes = new Array();var icons = new Array(6);// Loads all icons that are used in the treefunction preloadIcons() { icons[0] = new Image(); icons[0].src =原创 2013-08-22 20:09:02 · 952 阅读 · 0 评论 -
HTML Structure: Using Lists
1、顺序列表 text text text2、无顺序列表 text text text3、注释(浏览器不会显示)4、控制字体大小、颜色、字体类型5、控制网页背景颜色6、控制文本位置7、设置斜体原创 2013-03-16 22:28:14 · 698 阅读 · 0 评论 -
HTML Structure: Tables, Divs, and Spans
1、制作表格( ----table表,----border表格线条字体,----tr行,----td列) King Kong 1933原创 2013-03-17 13:43:37 · 857 阅读 · 0 评论 -
Introduction to CSS
1、样式表使用的两种方式html文件中直接使用p {color:red; }使用css文件2、CSS的语法h3 { color:red;}p { font-family:Courier;}span { background-color:yellow;}3、字体大小的设置font-si原创 2013-03-23 14:21:57 · 510 阅读 · 0 评论 -
CSS Classes and IDs
1、多重tag,设置位于3个div之间的h3的颜色为红色div div div h3{ color:red;}2、适用于所有的tag* { border:1px dashed blue;}3、设置div的直接孩子的属性div > p {}4、class的作用class可以应用于所有的tag,这样所有的tag都将具有class定义的属性原创 2013-03-23 16:25:14 · 730 阅读 · 0 评论 -
CSS Positioning
1、display属性1)block,成块,占据整行2)inline-block,成块,不占据整行3)inline,成线性4)none,整屏幕2、Margin,borders,Padding1)Margin,边距(设置为auto时将居中) margin-top:20px; margin-right:50px; margin-bottom原创 2013-03-27 20:09:30 · 601 阅读 · 0 评论 -
javascript DIV高度自适应
JS实现div高度自适应,主要思路,获取窗口大小,然后减去固定的高度。无标题文档 window.onresize = function(){ var len = document.documentElement.clientHeight; document.getElementById("d1").style.height = len - 200 + 'px'; docu原创 2013-09-03 17:01:56 · 5683 阅读 · 0 评论 -
HTML&CSS学习3——文字居中
块状元素中的文字,一般情况下不会居中,若我们想将其居中,原创 2014-06-04 20:53:56 · 698 阅读 · 0 评论 -
HTML&CSS学习1——画圣诞树
Document div#trip1{ width: 0px; height: 0px; border-top: 50px solid transparent ; border-right: 50px solid transparent ; border-bottom: 50px solid red; border-left: 50px solid原创 2014-05-22 19:25:47 · 5204 阅读 · 0 评论 -
HTML&CSS学习2——布局
LayOut body { padding:0px; margin:0px; background:#efefef; } #container { width:80%; background:#ffffff; margin:0 auto; } #header { width:100%; height:100px; background:or原创 2014-05-22 19:31:45 · 660 阅读 · 0 评论 -
HTML&CSS学习4——相对定位和绝对定位
关键点:相对定位是元素便宜正常位置,占用空间原创 2014-06-05 20:06:04 · 5843 阅读 · 0 评论 -
HTML&CSS学习5——CSS初始化
【转】Css Reset淘宝网/*html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{bo转载 2014-06-10 20:10:43 · 1351 阅读 · 0 评论 -
javascript学习笔记1
1、如何定义一个对象,1)一般的如果该对象原创 2014-07-02 16:44:04 · 590 阅读 · 0 评论 -
javascript 电子时钟
下面是一个使用javascript实现的电子时钟,源码如下: Calculator function displayTime() { var elt = document.getElementById("clock"); var now = new Date(); elt.innerHTML = now.toLocaleTimeString(); setTime原创 2014-07-01 14:05:57 · 2204 阅读 · 1 评论