- 博客(22)
- 资源 (15)
- 收藏
- 关注
原创 二级联动实现
html页面 基本选择器 .selection{ margin: 0 auto; padding: 0; border:1px solid red; width: 500px; text-align: center; margin-top: 50px; }
2017-06-19 19:18:17 897
原创 当当推荐“显示/隐藏”
Style对象简介每一个HTML标记,都有一个style属性,而这个style属性,又是一个style对象。那么,style对象有什么属性?style对象的属性,与CSS中各属性一一对应。Style对象,就是对CSS的一个引用。也可以,理解为:style对象,就代表CSS这个东西。如:imgObj.style.width = “400px”html 页面当当网购物车
2017-06-19 15:05:16 666
原创 新闻循环
书讯快递 body{ margin: 0; padding: 0; font-size: 15px; } #dome{ margin: 0 auto; padding: 0; margin-top: 30px;
2017-06-19 10:33:37 590
原创 HTML DOM详解
因为,核心DOM中,对节点的访问,都是从根节点开始的,访问方式十分麻烦。特别是当节点层次很深时,更是麻烦。因此,才有了HTMLDOM1、HTMLDOM的新特性每一个HTML标记,都对应一个对象。如:标记,就是一个img对象。每一个HTML标记的属性,与对应的元素对象的属性,一一对应。属性:src、width、height、border、style、title、id、class等。
2017-06-17 18:37:36 591
原创 Dom 节点的属性访问
1、getAttribute()——获取属性的值描述:获取节点属性的值。语法:nodeObj.getAttribute(name)参数:name代表当前节点的某个属性。举例:var src = imgObj.getAttribute(“src”)2、setAttribute()——添加属性描述:给某个节点添加属性。语法:nodeObj.setAttribute(name
2017-06-17 16:12:27 627
原创 核心Dom节点访问
节点访问 function findNode(){ //查找html节点 var htmlChild = document.firstChild; //查找body节点 var bodyChild = htmlChild.lastChild; //查
2017-06-17 14:56:38 441
原创 星星打地鼠游戏
星星案例 body{ margin: 0px; height: 300px; } .button{ margin-left: 100px; margin-top: 30px; } .button input {
2017-06-14 15:51:05 446
原创 定时器
基本选择器 #dl{ margin: 0 auto; width: 300px; height: 50px; border: 1px solid red; color: blue; text-align: center; line-height: 50px;
2017-06-13 15:22:49 433
原创 鼠标点击星星案例
基本选择器 body{ margin: 0px; height: 300px; } window.onload=init; //窗口事件 function init(){ document.body.bgColor="blac
2017-06-13 14:51:46 1027
原创 鼠标事件获取鼠标坐标
基本选择器 #d1{ background-color: black; height: 300px; color: white; cursor: crosshair; } function fn(e){ var x = e.clientX;
2017-06-13 14:01:50 10304
原创 图片修饰导航实现
new document *{margin: 0;padding: 0;} .box{width: 980px; height: 60px; margin: 120px auto; } .left{ background: url(nav_left.jpg) no-repeat;
2017-06-06 15:44:38 483
原创 新闻中心
new document *{ margin:0;padding:0;}ul,li{list-style:none;} .box{width:500px; margin:50px auto;} .box h2{ font-size:20px; font-weight:normal; float:left; padding-left:10px;}
2017-06-06 11:27:49 399
原创 导航
new document *{margin:0; padding:0;} .nav{ width: 100%; height: 48px; background: url(index_x.jpg) repeat-x 0 -100px; margin-top: 100px; } ul{ width: 980
2017-06-06 09:59:53 469
原创 背景图实用场景之为文字添加背景
原则用最小的图 来做背景 节省资源 基本选择器 *{margin:0;padding:0;} .content{ width: 1000px; background:url(bg4.jpg); background-repeat: repeat-y; margin: 0
2017-06-05 19:50:26 1260
原创 背景图实用之列表
因为默认的列表 在不同的浏览器可能兼容性问题 而产生不同的效果 所以用背景图来展示列表标识 基本选择器 u li{margin: 0;padding: 0;} li{ list-style: none; /**用背景图设置列表项 前提是将li的默认列表去掉**/ border-botto
2017-06-05 18:39:34 386
原创 CSS精灵
就是背景图定位。将许多小图放到一大图上。这样做的好处是减少页面与服务器之间的交互次数。 基本选择器 .button{width: 111px; height: 35px; background: url(bg1.png) no-repeat 0px -207px; border:1px
2017-06-05 17:31:53 319
原创 新闻案例
new document .title,.content{ /*多元素组合声明*/width:500px; /*设置div的宽度*/border:1px solid green;/*设置div的边框*/}.title{ height:45px; /*设置div的高度*/line-height:45px; /*设置div的行高*/backgroun
2017-06-01 15:00:19 629
原创 CSS 单位与属性
一:单位 px,em ,%(相对单位) font-size:25不加单位的数字毫无意思 px像素,相对单位。和屏幕的分辨率有关。 em:一个字体高(1倍字体高),2em(当前默认字体的2倍) %,百分比。相对单位。相对于当前默认值的百分比。 浏览器的默认字体大小为16px.二:文字属性 font可以同时设置字符的各种属性,包括font-style
2017-06-01 14:41:12 1785
原创 伪类选择器
伪类选择器链接a:link 链接的正常状态a:visited 鼠标单击过的链接状态a:hover 鼠标放在链接上面的(悬停)状态a:active 当前正在访问的链接状态当有多种链接样式时,通常配合类来设置 new document a.test1:link,a.test1:visited{ color:red;}
2017-06-01 14:15:13 569
原创 后代选择器与子选择器
一:后代选择器 style p span,h1 span,.test ul li{color:red;} 花千骨大结局OKOKOKOKOK人间帝王轩辕郎、无所不知所不能东方彧卿(其实他就是超脱六界之外的异朽君)、妖魔两界圣君杀阡陌那时都是爱花千骨的,都希望白子画能够善待花千骨。白子画的善待是八十一根消魂钉,普通仙一根消魂钉就死
2017-06-01 12:05:53 565
原创 组合选择器之多元素选择器
多个标签或选择器同时声明如:h1,h2,ul,li{margin:0;padding:0;}定义的方法注意思:选择器之间用逗号隔开。 style h1,h2,h3,h4,p{ font-size:16px;font-weight:normal;} 无所不知所不能东方彧卿无所不知所不能东方彧卿无所不知所不能东方彧卿无所不知所不能东
2017-06-01 11:06:46 676
原创 CSS 基本选择器
CSS基本选择器:1. 标签选择器直接写在标签内如:文字内容2.ID选择器以“#”开头,命名方法:建议全小写,以字母开头使用方法:3.类语法:定义的方法:用“.”开头,后跟类名。类名书写规范,以小写字母开始。使用方法:内容4.通配符选择器*{CSS规则}意思:针对当前页面所用的标签应用同样的样式(对标签的初始化)如:*{mar
2017-06-01 10:57:04 852
mysql-5.5.28-win32
2015-07-09
Launcher修改(实现左右循环滑动、壁纸的平滑过渡,带文档)
2012-11-14
Struts2 标签详解 和 struts2-tags-API.rar
2010-03-27
commons-fileupload-1.2.1-bin.tar.gz commons-io-1.4-bin.tar.gz
2010-03-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人