自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(23)
  • 收藏
  • 关注

转载 a href=#与 a href=javascript:void(0) 的区别

a href="#"> 点击链接后,页面会向上滚到页首,# 默认锚点为 #TOP 点击链接后,页面不动,只打开链接 作用同上,不同浏览器会有差异。点击链接后,不想使页面滚到页首,就用href="javascript:void(0)",不要用href="#",return false也有类似作用详解href="#"与href="javascript:void(0)"的

2014-07-24 09:31:58 255

原创 jQuery事件

阻止事件冒泡:event:stopPropagation();return false;ready()写法:$(document).ready(function(){         //代码部分          })$(function(){         //代码部分          })绑定事件bind(type,[dat

2014-07-22 10:40:15 298

原创 切换事件hover、mouse事件、toggle

1  2  3  4  5 可以通过如下调用 $(function(){ $(".1 li a").hover(function(){ $(this).css({'color':'red','text-decoration':'none','list-style-type':'none'})}, function(){ $(this).css({'col

2014-07-21 10:57:35 1801

原创 form标签小结

html标签用于搜集不同类型的用户输入:文本域textarea       textarea rows="10" cols="30">                                   输入input密码password "password" value="Password">                               

2014-07-21 10:55:30 330

转载 命名规则

DIV+CSS规范命名大全集合网页制作中规范使用DIV+CSS命名规则,可以改善优化功效特别是团队合作时候可以提供合作制作效率,具体DIV CSS命名规则CSS命名大全内容篇。常用DIV+CSS命名大全集合,即CSS命名规则DIV CSS命名目录命名规则说明重要CSS命名CSS命名参考表命名技巧我们开发CSS+DIV网

2014-07-18 15:25:01 365

转载 javascript DOM模型

HTML DOM (文档对象模型)当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。HTML DOM 模型被构造为对象的树。HTML DOM 树通过可编程的对象模型,JavaScript 获得了足够的能力来创建动态的 HTML。JavaScript 能够改变页面中的所有 HTML 元素JavaScript

2014-07-03 17:14:43 397

原创 获取元素的方法

1.通过css里面定义ID 或者 class来获取元素2.通过javascript里面的功能来获取: getElementById:返回一个对象getElementByTagName:返回一个对象数组getElementByClassNamegetElementByTagName方法获取的是一个选定标签的节点列表数组,例x=document.getElementByTa

2014-06-27 20:22:27 550

原创 HTML CSS Javascript

HTML负责对文档结构的描述,注意web语义化,正确使用标签,只有通过使用标签才能正确把文档的结构区分出来。CSS负责提供关于”表示“的信息,负责页面效果javascript代码负责提供关于”行为“的信息,负责页面交互引用CSS:rel 属性规定当前文档与被链接文档之间的关系。只有 rel 属性的 "stylesheet" 值得到了所有浏览器的支持。其他值只得到

2014-06-27 20:22:02 317

转载 chrome调试

很多Web前台开发者都喜欢这种浏览器自带的开发者工具,这对前台设计、代码调试很大帮助的。 Chrome浏览器得益于其优秀的V8解释器,javascript执行速度和内存占有率表现非常优秀。对于html+css+javascript前台技术的学习或者开发,浏览器developer tool的使用时必不可少的,也能极大的提高学习或者开发效率。本文根据版本 23.0.1271.10。在win

2014-06-27 20:21:19 315

原创 jQuery创建新元素

jQuery创建新元素当HTML字符串是没有属性的元素时, 内部使用document.createElement创建元素创建div元素到testDiv$("").css("border","solid 1px #FF0000").html("动态创建的div").appendTo(testDiv);否则使用innerHTML方法创建元素:$("动态创建的div ").appen

2014-06-27 20:20:40 442

原创 jQuery选择器

var div = document.getElementById("testDiv");//获取一个dom对象var domToJQueryObject = $(div);//将DOM对象转换成jQuery包装集var domObject = $("testDiv")[0];//通过索引器返回的不再是jQuery包装集,而是一个DOM对象jQuery包装集的遍历:$("testD

2014-06-27 20:20:15 442

原创 jQuery操作元素属性

1.attr( name ) 取得第一个匹配元素的属性值。通过这个方 法可以方便地从第一个匹配元素中获取一 个属性的值。如果元素没有相应属性,则返 回undefined 。 例:$("img").attr("src");返回文档中第一个图像的src属性值;2.attr( properties )将一个“名/值”形式的对象设置为所有匹配 元素的属性。这是一种在所有匹配元素中批量设置很多属性的

2014-06-27 20:19:33 505

原创 JS 对象

JavaScript 中的所有事物都是对象:字符串、数字、数组、日期,等等。在 JavaScript 中,对象是拥有属性和方法的数据属性和方法属性是与对象相关的值。方法是能够在对象上执行的动作创建 JavaScript 对象通过 JavaScript,您能够定义并创建自己的对象。创建新对象有两种不同的方法:定义并创建对象的实例使用函数来定义对象,然后创建新的对象实例创建直接的实例这个例子创建了对象

2014-06-12 09:00:34 344

原创 浏览器对象模型BOM

Window 尺寸有三种方法能够确定浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)。对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari:window.innerHeight - 浏览器窗口的内部高度window.innerWidth - 浏览器窗口的内部宽度对于 Internet Explorer 8

2014-06-12 08:59:32 345

原创 JS 运算符 循环

用于字符串的 + 运算符+ 运算符用于把文本值或字符串变量加起来(连接起来)。如需把两个或多个字符串变量连接起来,请使用 + 运算符。txt1="What a very";txt2="nice day";txt3=txt1+txt2;在以上语句执行后,变量 txt3 包含的值是 "What a verynice day"。对字符串和数字进

2014-06-12 08:58:12 407

原创 javascript对象

对象的定义方法

2014-06-10 16:40:58 290

原创 javascript常用函数

JavaScript:写入 HTML 输出document.write("This is a heading");document.write("This is a paragraph");JavaScript:对事件作出反应点击这里JavaScript:改变 HTML 内容x=document.getElementById("demo") //查找元素x.innerHTML="He

2014-06-10 11:48:16 374

原创 JavaScript初解与定义变量

HTML 中的脚本必须位于 与 标签之间。脚本可被放置在 HTML 页面的 和 部分中。通常的做法是把函数放入 部分中,或者放在页面底部。这样就可以把它们安置到同一处位置,不会干扰页面的内容。分号用于分隔 JavaScript 语句。通常我们在每条可执行的语句结尾添加分号。JavaScript 注释:1.单行注释以 // 开头。2.多行注释以 /* 开始,以 */ 结尾。JavaScri

2014-06-10 11:47:23 346

原创 HTML元素类型

元素是文档结构的基础,在CSS中,每个元素生成了一个包含了元素内容的框(box,也译为“盒子”)。但是不同的元素显示的方式会有所不同,例如和就不同,而和也不一样。在文档类型定义(DTD)中对不同的元素规定了不同的类型,这也是DTD对文档之所以重要的原因之一。1. 替换和不可替换元素从元素本身的特点来讲,可以分为替换和不可替换元素。a) 替换元素替换元素就是浏览器根据元素的标签和属性

2014-06-09 17:26:02 460

原创 清除浮动

1

2014-06-07 20:37:03 317

转载 CSS居中实现

文字居中,文字垂直居中水平居中,图片居中,图片水平居中垂直居中,块元素垂直居中?当我们在做前端开发是时候关于css居中的问题是很常见的。情况有很多种,不同的情况又有不同的解决方式。水平居中的方式解决的时候相对来说通过css比较容易设置,垂直居中相对比较棘手。   先来说一下水平居中的不同情况与不同解决方法吧。   1文本,图片等行内元素的水平居中方法呢比较简单。直接给父元素设置一个text-a

2014-06-07 20:32:26 358

原创 CSS盒模型和两栏布局、三栏布局

CSS盒模型

2014-06-05 20:53:25 817

原创 float、border、position属性

float属性:

2014-06-04 21:15:27 648

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除