01 2015 档案
摘要：jQuery 提供多个处理尺寸的重要方法：width()height()innerWidth()innerHeight()outerWidth()outerHeight()jQuery width() 和 height() 方法width() 方法设置或返回元素的宽度（不包括内边距、边框或外边距）。...
阅读全文
摘要：jQuery 操作 CSSjQuery 拥有若干进行 CSS 操作的方法。我们将学习下面这些：addClass() - 向被选元素添加一个或多个类removeClass() - 从被选元素删除一个或多个类toggleClass() - 对被选元素进行添加/删除类的切换操作css() - 设置或返回样...
阅读全文
摘要：删除元素/内容如需删除元素和内容，一般可使用以下两个 jQuery 方法：remove() - 删除被选元素（及其子元素）empty() - 从被选元素中删除子元素jQuery remove() 方法jQuery remove() 方法删除被选元素及其子元素。实例$("#div1").remove(...
阅读全文
摘要：添加新的 HTML 内容我们将学习用于添加新内容的四个 jQuery 方法：append() - 在被选元素的结尾插入内容prepend() - 在被选元素的开头插入内容after() - 在被选元素之后插入内容before() - 在被选元素之前插入内容jQuery append() 方法jQue...
阅读全文
摘要：设置内容 - text()、html() 以及 val()我们将使用前一章中的三个相同的方法来设置内容：text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容（包括 HTML 标记）val() - 设置或返回表单字段的值下面的例子演示如何通过 text()、html...
阅读全文
摘要：* jQuery - 获得内容和属性jQuery DOM 操作jQuery 中非常重要的部分，就是操作 DOM 的能力。jQuery 提供一系列与 DOM 相关的方法，这使访问和操作元素和属性变得很容易。提示：DOM = Document Object Model（文档对象模型）DOM 定义访问 H...
阅读全文
摘要：css的area标签是不支持hover的，只有a标签才支持。li标签在IE浏览器下才支持，所以采用jquery的mouseenter和mouseleave事件完成。首先讲jQuery对应的事件：1.mouseenter事件当鼠标指针穿过元素时，会发生 mouseenter 事件。该事件大多数时候会与...
阅读全文
摘要：先考虑设计图中的文字内容和内容模块之间的关系，重点放在编写html结构和语义化，然后考虑布局和表现形式。
阅读全文
摘要：如何清除图片下方出现几像素的空白间隙？方法1：img{display:block;}方法2：img{vertical-align:top;}除了top值，还可以设置为text-top | middle | bottom | text-bottom，甚至特定的和值都可以方法3：#test{font-s...
阅读全文
摘要：DOCTYPEDOCTYPE(Document Type)，该声明位于文档中最前面的位置，处于 html 标签之前，此标签告知浏览器文档使用哪种 HTML 或者 XHTML 规范。使用 HTML5 doctype，不区分大小写。 charset声明文档使用的字符编码，html5 之前网页中会这样写：...
阅读全文
摘要：移动端触屏滑动的效果其实就是图片轮播，在PC的页面上很好实现，绑定click和mouseover等事件来完成。但是在移动设备上，要实现这种轮播的效果，就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。以下是四种touch事件touchstart: //手指放到屏幕上时触...
阅读全文
摘要：meta指元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 标签位于文档的头部，不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。一、手机端特有的有哪些1、网页手机wap2.0网页的head里加入下面这条元标签，在iPhone的浏览...
阅读全文
摘要：1、伪类选择符 Pseudo-Classes SelectorsSelectors选择符CSS Version版本Description简介 E:linkCSS1设置超链接a在未被访问前的样式。 E:visitedCSS1设置超链接a在其链接地址已被访问过时的样式。 ...
阅读全文
摘要：一.css2.xcode1.文字换行/*强制不换行*/white-space:nowrap;/*自动换行*/word-wrap:break-word;word-break:normal;/*强制英文单词断行*/word-break:break-all;2.两端对齐text-align:justify...
阅读全文
摘要：一、前言 IE特有的滤镜常常作为CSS3各种新特性的降级处理补充，而Adobe转向HTML5后与Chrome合作推出CSS3的Filter特性，因此当前仅 Webkit内核的浏览器支持CSS3 Filter，而FF和IE10+则需要使用SVG...
阅读全文
摘要：W3C 组织建议把所有网页上的对像都放在一个盒(box)中，设计师可以通过创建定义来控制这个盒的属性，这些对像包括段落、列表、标题、图片以及层。盒模型主 要定义四个区域：内容(content)、边框距(padding)、边界(border)和边距(margin)。对于初学者，经常会搞不清楚 marg...
阅读全文
摘要：touchstart：触摸开始的时候触发touchmove：手指在屏幕上滑动的时候触发touchend：触摸结束的时候触发而每个触摸事件都包括了三个触摸列表，每个列表里包含了对应的一系列触摸点（用来实现多点触控）：touches：当前位于屏幕上的所有手指的列表。targetTouches：位于当前D...
阅读全文
摘要：div 的滚动条问题：两种方法：一、记住宽和高一定要设置噢，否则不成的不过在不超出时，会有下面的滚动条，所以不是最好的选择二、记住宽和高一定要设置噢，否则不成的这样比较好的是，在宽和高不超出时，只是一条线三、说明直接为div指定overflow属性为auto即可，但是必须指定div的高度，如下：如果...
阅读全文
摘要：例如：document上有A事件，div有B事件，div里面的span有C事件，如果不给span和div加阻止事件冒泡的话，点击span时 就会触发到div的B事件、document的A事件，当点击span时不想触发div和document的事件就要加上阻止事件冒泡，div也是一样的 道理。JQue...
阅读全文
摘要：jQuery(window).height()代表了当前可见区域的大小，而jQuery(document).height()则代表了整个文档的高度，可视具体情况使用. 注意当浏览器窗口大小改变时(如最大化或拉大窗口后) jQuery(window).height() 随之改变，但是jQuery(do...
阅读全文
摘要：做手机Web开发做浏览器兼容用到了，所以在网上找了些汇总下。alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());...
阅读全文
摘要：转自：http://www.mojidong.com/html/css/js/2013/03/03/page-top-to-achieve/现在很多网页都有一个回到顶部的功能，当你拖动滚动条往下拉到一定程度就会在右下方显示一个回到顶部的按钮，点击则可以立即回到页面顶部，非常贴心的设计。今天打算自己做...
阅读全文
摘要：这里介绍的一个小技巧是如何用JavaScript获取页面上被选中的文字的方法。最关键的JavaScript API是：event.selection = window.getSelection();这里的selection实际上是个对象，但如果我们使用 .toString()或强行转化成字符串，我们...
阅读全文
摘要：Sublime Text比 起Notepad++，UltraEdit之类Code编辑器来说，其功能有过之而无不及，配合着各种插件使用，Sublime Text在实际的使用中变得非常的顺手——当然，如果你还不顺手，那就请顺手写个插件吧。而在众多功能中，Sublime Text 还提供了无比强大的快捷键...
阅读全文
摘要：在线演示1本地下载HTMLBootstrap3缩略图幻灯画廊效果‹›Javascript$('#myCarousel').carousel({ interval: 4000 }); $('[id^=carousel-selector-]').click( function(){ var id_s...
阅读全文
摘要：本文中要实现的一个纯CSS3的图片展示特效，以前只能用JavaScript实现，可想而知会受到多方面的限制，特别是性能。而今天我们将用简单的CSS3代码实现，你会发现它的动画效果在现代浏览器的帮助下无比的顺滑。观看演示HTML代码通过上的演示，估计你已经能猜到，它的HTML结果应该是一个父元素里包含...
阅读全文
摘要：给包围 浮动的层 加清除浮动样式，样式要兼容的用下面的代码.clearfix {*zoom:1; clear:both;}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;zoom: 1;}...
阅读全文
摘要：设置元素的透明度：-moz-opacity:0.8; /*在Firefox中设置元素透明度filter: alpha(opacity=80); /*ie使用滤镜设置透明但是当我们对一个标签设置背景的透明度时，往往我们并不希望该标签上的文字图片也变成半透明了。例如：不透明div{-moz-opacit...
阅读全文
摘要：本篇文章讲解如何使用jQuery方便快捷的实现Ajax功能.统一所有开发人员使用Ajax的方式.一.摘要本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍.本篇文章讲解如何使用jQuery方便快捷的实现Ajax功能...
阅读全文
摘要：如果你有一个网站需要去做SEO优化的时候，不要期望你的努力能立即得到回报。耐心等待并更正内容营销策略，最终会发现你的网站很受用户欢迎。下面就教你如何利用开源思维开发一个SEO友好型网站！首先，你应该知道：93%的网站从搜索引擎开始。这意味着，如果不优化你的网站，你将不可避免的遇到网站的搜索结果排名不...
阅读全文
摘要：1：闭包boot的闭包方式有点特别，普通的闭包是这样的：(function($) { })(jQuery)这种写法是怕全局污染，把$封闭在自己的空间里，暴露在外面的只有jQuery，这样，如果用了别的也用$的控件，就可以避免冲突。而boot的闭包又有一些不同：+function($) { }(jQu...
阅读全文
摘要：作为网页设计师，搜索引擎优化重要吗？我们知道，网站设计是把屏幕上平淡无奇变成令人愉快的美感，更直观地辨认信息。这也是人与人之间在沟通想法，这样的方式一直在演变。1.网站结构对于搜索引擎优化，网站的结构是最重要的因素之一。网站结构是所有关于你的网页是如何联系在一起。搜索引擎爬虫的基础上它的设置方式判断...
阅读全文
浙公网安备 33010602011771号