08 2015 档案

详解HTML5中的<aside>元素与<article>元素
摘要：元素HTML元素表示一个页面的一部分， 它的内容跟这个页面的其它内容的关联性不强，或者是没有关联，单独存在。元素通常显示成侧边栏(sidebar)或一些插入补充内容。通常用来在侧边栏显示一些定义，比如目录、索引、术语表等；也可以用来显示相关的广告宣传，作者的介绍，Web应用，相关链接，当前页内容简介... 阅读全文
posted @ 2015-08-28 11:15 1875328775 阅读(10658) 评论(0) 推荐(1)
jQuery基于ajax实现星星评论代码
摘要：本文实例讲述了jQuery基于ajax实现星星评论代码。分享给大家供大家参考。具体如下：这里使用jquery模仿点评网的星星评论功能，Ajax评论模块，鼠标点击星星即可评价，下边是分数，可以点击后给分，网上很流行的效果，本代码相对完整，相信很多朋友会喜欢的。先来看看运行效果截图： 返回顶部 图层... 阅读全文
posted @ 2015-08-28 10:56 1875328775 阅读(591) 评论(0) 推荐(0)
JS打字效果的动态菜单代码分享
摘要：这篇文章主要介绍了JS打字效果的动态菜单，推荐给大家，有需要的小伙伴可以参考下。这是一款基于javascript实现的打字效果的动态菜单特效代码，分享给大家学习学习。小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。为大家分享的JS打字效果的动态菜单代码如下JS打字效果的动态菜单 ... 阅读全文
posted @ 2015-08-27 16:56 1875328775 阅读(323) 评论(0) 推荐(0)
javascript中alert()与console.log()的区别
摘要：我们在做js调试的时候使用 alert 可以显示信息，调试程序，alert 弹出窗口会中断程序， 如果要在循环中显示信息，手点击关闭窗口都累死。而且 alert 显示对象永远显示为[object ]。 自己写的 log 虽然可以显示一些 object 信息，但很多功能支持都没有 console 好[... 阅读全文
posted @ 2015-08-27 16:48 1875328775 阅读(645) 评论(0) 推荐(0)
jquery ajax对特殊字符进行转义防止js注入使用示例
摘要：在使用ajax进行留言的时候,出现了一个问题.因为留言内容写完之后,通过ajax提交内容,同时使用js把留言的内容添加到页面上来.浏览留言的时候也是通过ajax请求,然后再显示的.这样,如果有人在留言里写入了js语句,这结语句都会被执行.解决办法就是对这些特殊字符进行转义再显示出来.如果在jsp中使... 阅读全文
posted @ 2015-08-26 14:56 1875328775 阅读(3030) 评论(0) 推荐(1)
JQuery中each()的使用方法说明
摘要：each(callback)以每一个匹配的元素作为上下文来执行一个函数。意味着，每次执行传递进来的函数时，函数中的this关键字都指向一个不同的DOM元素（每次都是一个不同的匹配元素）。而且，在每次执行函数时，都会给函数传递一个表示作为执行环境的元素在匹配的元素集合中所处位置的数字值作为参数（从零开... 阅读全文
posted @ 2015-08-26 14:52 1875328775 阅读(425) 评论(0) 推荐(1)
前端图片延迟加载详细讲解
摘要：显示在浏览器可视区域的图片总是不能及时的刷出来，让在可视区域的图片立即加载进来，而让不在可视区域并且需要通过滚动条进行滚动显示的图片在图片滚动到可视区域内再显示出来 原本是打算昨天昨天下午的时候就写一篇关于前端图片延迟加载的详细技术的博客的，没想到下午公司项目出现了一些问题，所以一直在改代码进行... 阅读全文
posted @ 2015-08-25 10:05 1875328775 阅读(1779) 评论(2) 推荐(3)
WEB前端常用的测试工具
摘要：一、QUnit 前端测试工具QUnit是一个强大的JavaScript单元测试框架，该框架是由jQuery团队的成员所开发，并且是jQuery的官方测试套件。Qunit是Jquery的单元测试框架，并且被广泛使用在各个项目中。为了使用Qunit，你仅仅需要去包含2个Qunit文件在你的Html页面。... 阅读全文
posted @ 2015-08-25 10:00 1875328775 阅读(3917) 评论(0) 推荐(0)
HTML5 本地裁剪图片
摘要：下面奉上我自己写的一个demo，代码写得比较少，很多细节不会处理。如果有不得当的地方恳请指教，谢谢啦 ^_^ ^_^功能实现步奏：一：获取文件，读取文件并生成url二：根据容器的大小使用canvas绘制图片三：使用canvas绘制遮罩层四：使用canvas绘制裁剪后的图片五：拖动裁剪框，重新裁剪图片... 阅读全文
posted @ 2015-08-24 09:37 1875328775 阅读(1073) 评论(1) 推荐(0)
div均匀分布代码实例
摘要：多个div在同一行以相同间隔分布:这样的布局效果使用非常的频繁，也就是让多个div在一行分布，并且div于div之间的间隙是一样的，多用在对于产品的展示之用，下面就介绍一下如何实现此中布局，代码实例如下:div均匀分布代码实例 返回顶部 图层代码 滚动代码 幻灯片 ... 阅读全文
posted @ 2015-08-24 09:29 1875328775 阅读(10121) 评论(0) 推荐(0)
CSS基础知识学习笔记
摘要：1.css基本样式讲解1.1 css背景background-attachment：背景图像是否固定或者随着页面的其余部分滚动background-color：设置元素的背景颜色background-image：把图片设置为背景background-position：设置背景图片的起始位置backg... 阅读全文
posted @ 2015-08-21 11:10 1875328775 阅读(313) 评论(0) 推荐(0)
Web学习之HTML
摘要：在介绍HTML之前，我想先说说Web，就是我们经常所说的互联网，web的页面就是一个网页，或者说是一种文档，而这种文档是从何而来的那？紧接着，HTML就要出厂了。一、Web与HTMLWeb是互联网的总称，Wbe的本意是蜘蛛网或网的意思，在网页设计中我们称为网页的意思。现广泛译作网络、互联网等技术领域... 阅读全文
posted @ 2015-08-21 11:06 1875328775 阅读(388) 评论(0) 推荐(0)
CSS3属性box-shadow使用教程，css3box-shadow
摘要：CSS3的box-shadow属性可以让我们轻松实现图层阴影效果。我们来实战详解一下这个属性。1. box-shadow属性的浏览器兼容性先来看一个这个属性的浏览器兼容性:Opera: 不知道是从哪个版本开始支持的，我在发这篇文章测试的时候，正好更新了Opera到最新的10.53版本，已经支持box... 阅读全文
posted @ 2015-08-20 09:48 1875328775 阅读(402) 评论(0) 推荐(0)
html利用锚点实现定位代码实例
摘要：本章节介绍介绍一下如何利用锚点实现定位，使用锚点实现定位是html固有的功能，当然比较简单，也实现了基本的功能，但是功能相对简单一些，如果想要实现平滑的定位可以参阅jquery实现的点击页面动画方式平滑定位到某元素代码一章节。 下面通过代码实例介绍一下html是如何实现锚点定位的。代码如下:http... 阅读全文
posted @ 2015-08-20 09:39 1875328775 阅读(2315) 评论(0) 推荐(0)
text-align:justify实现文本两端对齐布局,兼容IE
摘要：要想更好的理解 css， 尤其是 IE 下对 css 的渲染，haslayout 是一个非常有必要彻底弄清楚的概念。大多 IE下的显示错误，就是源于 haslayout。什么是 haslayout ？haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。... 阅读全文
posted @ 2015-08-19 10:59 1875328775 阅读(1056) 评论(0) 推荐(0)
IE6兼容inline-block的方法
摘要：或许有朋友会对IE不支持 display:inline-block 属性，表示疑问或者反对。说：“我在 IE 中对 a 或者 span 等内联元素使用 display:inline-block 一直是有效的”。其实不然，在IE中对内联元素使用 display:inline-block，IE 是不识别... 阅读全文
posted @ 2015-08-19 10:49 1875328775 阅读(228) 评论(0) 推荐(0)
z-index兼容问题:关于ie6/7下的z-index
摘要：z-index这个属性其实在挺多地方都会用到，在百度上搜索也有大量关于z-index的篇幅去阐述这个属性，特别是在ie6下的z-index处理有更多的相关文章，本文就不再围绕z-index这一属性的基础展开叙述。这里要讨论的是最近在项目上对z-index在ie6下自己的一个认识，希望能帮助在z-in... 阅读全文
posted @ 2015-08-18 10:11 1875328775 阅读(427) 评论(0) 推荐(1)
CSS3展现精彩的动画效果 css3的动画属性
摘要：热火朝天的css3无疑吸引了很多前端开发者的眼球，然而在css3中的动画属性则是新功能中的主打招牌，说到css3的动画属性不得不让人想起这三个属性：Transform﹑Transition﹑Animation。 transform属性虽然看起来可以实现动画的效果，但本质其实是静态的，说白一点其实就是... 阅读全文
posted @ 2015-08-18 09:59 1875328775 阅读(535) 评论(0) 推荐(0)
平常写css网页制作时最实用的九条CSS技巧
摘要：一.使用css缩写 使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《css基本语法》。 二.明确定义单位，除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写;100，但是在CSS中，你必须给一个准确的单位，比如：" width:100... 阅读全文
posted @ 2015-08-17 10:17 1875328775 阅读(527) 评论(0) 推荐(0)
div+css的前端工程师的价值体现在哪些方面？
摘要：个人认为前端工程师正慢慢演变为产品工程师。wap app, 响应性UI等以html5技术为基础的开发将成为前端工程师的主要工作内容，解决产品跨平台跨设备的实现问题。Javascript, HTML, CSS这些前端工程师熟悉的，多年使用的语言，作为开放标准将被各种平台所支持。产品形态和数据的分离是形... 阅读全文
posted @ 2015-08-17 10:07 1875328775 阅读(601) 评论(1) 推荐(0)
dede首页调用栏目内容{dedefield.content}的方法
摘要：Dedecms的功能确实很强大，但是dedecms的全局变量有字节限制，使得我们在使用dedecms制作企业站的时候，首页无法调用大段大段的企业站。其实dedecms还有另外一种调用大段内容的方法，这里我们需要使用sql语句来调用已保存的html内容。一般的企业站会有一个企业简介的栏目，这个栏目我们... 阅读全文
posted @ 2015-08-14 14:49 1875328775 阅读(942) 评论(0) 推荐(0)
jQuery+AJAX实现网页无刷新上传
摘要：新年礼，提供简单、易套用的 jQuery AJAX上传示例及代码下载。后台对文件的上传及检查，以 C#/.NET Handler 处理 (可视需要改写成 Java 或 PHP)。有时做一个网站项目 (不论是否 ASP.NET)，内附的 FileUpload 控件，功能不足 (页面必须刷新、不支援 A... 阅读全文
posted @ 2015-08-14 13:20 1875328775 阅读(799) 评论(1) 推荐(0)
网站常用css必备css reset
摘要：在我们写前端代码页面的时候，很多常用的CSS类都是固定的！但没有一个标准或者大家都按自己的方式去随意的写，这样就每次都重复写一些固定的类！为此HTML5 Doctor(HTML5医生)为我们总结了一个常用的并符合HTML5标准的Css Reset样式！现在分享给大家！reset.css源码如下：/*... 阅读全文
posted @ 2015-08-13 15:46 1875328775 阅读(416) 评论(0) 推荐(0)
时隔8年HTML 5终于定稿！
摘要：我们第一次谈论 HTML5 要改变世界大概是因为乔布斯，他坚持在 iOS 上不兼容 Flash，在 Adobe 统治多媒体开发的那个年代，这需要付出极大的勇气。这么多年过去了，虽然所有人都在谈论 HTML5，但是大部分人甚至都忘了它还是一个仍在完善中的体系。2007 年 W3C（万维网联盟）立项 H... 阅读全文
posted @ 2015-08-13 15:43 1875328775 阅读(453) 评论(1) 推荐(0)
如何通过CSS3实现背景图片色彩的梯度渐变
摘要：随着网站的越来越普及，CSS3和HTML5必将成为网站前端发展的主流方向，特别是在移动端，高端浏览器给前端工程师们带来了无以言表的体验。通俗的来讲，CSS3可以说是CSS技术的升级版本，CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，... 阅读全文
posted @ 2015-08-12 14:11 1875328775 阅读(1736) 评论(0) 推荐(0)
提升网站页面打开速度的12个建议
摘要：我们知道用户都喜欢浏览速度快的网站，不喜欢花费太多的时间等待网页的打开，等待的时间过长，会让用户失去耐心，甚至烦躁时会直接关闭网页，这样就会失去一些潜在的客户了。其次，从SEO的角度来说，关键字的排名与网页的打开速度也有关系，Google的Web搜索团队曾在官方博客上宣布，将把网站的速度作为PR（P... 阅读全文
posted @ 2015-08-12 11:43 1875328775 阅读(1214) 评论(0) 推荐(0)
DIV+CSS高手必知的15个CSS常识
摘要：1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因，这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域，需要 200*200=40, 000 次，占用资源。 2、无边框。推荐的写法是 border:none;，哈哈，我一直在用这个。 border:0; 只是... 阅读全文
posted @ 2015-08-11 09:42 1875328775 阅读(541) 评论(0) 推荐(0)
让站长在SEO时更得心应手的六个细节
摘要：分析一下SEO的心得，希望能对很多做网站优化和做网站推广的站长有帮助，现在做SEO的人越来网站推广越多，即使很多人在做，但不知道自己能否成功，自己的优化是否会见效，所以在这里还是来分享一下咱们在SEO方面的心得。 页面中第一次出现关键词时可以加粗或高亮，并加上超级连接，但不要多，假如是核心的关键词... 阅读全文
posted @ 2015-08-11 09:34 1875328775 阅读(282) 评论(0) 推荐(0)
JQuery图片延迟加载插件,动态获取图片长宽尺寸
摘要：以前的网站带宽小，没有特别多的大图，现在不同了，各种图片网站如同雨后春笋层出不穷。服务器是抗住了，但是客户端就有意见了，太多的图片必然导致页面加载缓慢，特别是有些table结构的站点更是如此。能否让图片在页面加载完成后再加载？我想这是大多数站点管理员都很关心的问题，现如今图片延迟加载技术已经不是什... 阅读全文
posted @ 2015-08-10 10:00 1875328775 阅读(1212) 评论(0) 推荐(0)
jquery 图片背景透明度（支持IE5/IE6/IE7）
摘要：设置背景图片，以突出透明度的效果及jquery png背景透明插件实例教程toggle()下面看一个jquery png背景透明插件......插件不仅支持ie5/ie6/ie7下img标签的png背景透明，background-image的背景透明，还支持image类型的input的png背景透明... 阅读全文
posted @ 2015-08-10 09:53 1875328775 阅读(1371) 评论(0) 推荐(0)
使用Div+CSS布局设计网站的优点
摘要：网页设计业界越来越关注DIV+CSS的标准化设计，大到各大门户网站，小到不计其数的个人网站，在Div+CSS标准化的影响下，网页设计人员已经把这一要求作为行业标准。那么什么是Div+CSS标准？Div+CSS的标准化设计到底有什么好处？Div 全称 division 意为“区分”使用 DIV 的方法... 阅读全文
posted @ 2015-08-07 17:32 1875328775 阅读(1405) 评论(0) 推荐(0)
让你网页同时兼容FireFox和IE
摘要：CSS 兼容要点：DOCTYPE 影响 CSS 处理FireFox: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行。FireFox: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margi... 阅读全文
posted @ 2015-08-07 17:14 1875328775 阅读(466) 评论(0) 推荐(0)
web前端开发常用的10个高端CSS UI开源框架
摘要：随着人们对体验的极致追求，web页面设计也面临着新的挑战，不仅需要更人性化的设计理念，还需要设计出更酷炫的页面。作为web前端开发人员，运用开源资源，更快更好地实现一些现代化的界面，是必备技能之一。下面小编就分享10个顶级的CSS UI开源框架，有兴趣的童鞋可以一起看看看。1、Bootstrap–最... 阅读全文
posted @ 2015-08-06 17:30 1875328775 阅读(34448) 评论(0) 推荐(0)
Web前端代码规范与页面布局
摘要：一、规范目的：为提高工作效率，便于后台人员添加功能及前端后期优化维护，输出高质量的文档，在网站建设中，使结构更加清晰，代码简明有序，有一个更好的前端架构，有利于SEO优化。二、规范基本准则：符合web标准，使用具有语义的标签，使结构、表现、行为分离，兼容性优良，页面性能优化，代码简洁、明了、有序，尽... 阅读全文
posted @ 2015-08-05 14:46 1875328775 阅读(3987) 评论(0) 推荐(0)
HTML教程XHTML教程:HTML标记嵌套使用技巧
摘要：网页制作Webjx文章简介：WEB标准-HTML元素嵌套.先来看以下这样一段代码：当然，我是不会告诉你这段代码来自于FACEBOOK的 ，各位认为以上元素的嵌套有没有问题呢？我们会在后面讨论这个。HTML4/XHTML的嵌套规则在我们的印象中会有这样的嵌套规则：内联元素不能嵌套块元素元素和元素不能嵌... 阅读全文
posted @ 2015-08-04 14:23 1875328775 阅读(723) 评论(0) 推荐(0)
HTML5网页制作教程:HTML5块级链接
摘要：网页制作Webjx文章简介：Web 标准中处处充满了打脸行为，这条规则现在已经失效了！在那篇文章发布一个月后，HTML5doctor 发表了 “Block-level” links in HTML5，引述一下，就是原先你要这么写.英文叫做 “Block-level” links，我以为只有我厂那些鸟... 阅读全文
posted @ 2015-08-04 14:14 1875328775 阅读(753) 评论(0) 推荐(0)