关注前端开发微信微信号web007007

z-index不生效的原因和解决方法

z-index不生效的原因和解决方法

运行下面代码看看 <div style="z-index:4;width:560px;background-color:Aqua; ">不生效 <a href="http://www.web92.net">www.web92.net</a></div> <div style="z-index:3;width:360px;background-color:Fuchsia; position:absolute;">有效 <a href="http://www.web92.net">www.web92.net</a></div>...

阅读全文...

HTML5 jQuery 绘图插件

HTML5 jQuery 绘图插件

Websanova Paint 是一个利用 HTML5 画布(canvas)技术的 jQuery 插件。它能够让你自由的在画板区域使用各种颜色画出任意的形状,还能够涂改。它能让你设定所画形状的边框,然后用颜色填充。你还能调整画笔的粗细。它的一个最有趣的功能是能让你把画好的作品保存成图片,日后你还能载入这个图片进行二次修改,但有个限制,图片只支持 PNG 格式的。下面是演示: 这个 jQuery 插件的下载地址是:http...

阅读全文...

选择jQuery的理由

选择jQuery的理由

随着 Web 前端技术的发展,Javascript 框架层出不穷,jQuery 就是其中之一。最近,国内外社区针对 jQuery 的优缺点做了深入的分析,其中不少内容值得 Web 开发人员借鉴。 Richard Hein 在“6 Things You Need to Know About jQuery”一文中列举了推荐 jQuery 的托干理由,包括: jQuery 简化工作——开发人员会发现学习 jQuery 比较容易,因为该框架的代码简洁精练,语法简单、编码标准开发等特点帮...

阅读全文...

网页浏览新天地–谷歌字体服务

网页浏览新天地–谷歌字体服务

近日,google提供了一项新的服务,google在线网页字体服务。这是一个高品质的网页字体集合,同时提供了使用相关的API。对于网页设计师和web开发人员来说无疑是个好消息,从此我们将不需要担心客户机器上是否有我们想要放到网页中的字体啦。 谷歌API提供的字体使用起来非常简单,只需要在HTML代码中添加一两行,如下demo: <html> <head> <link href='http://fonts.googleap...

阅读全文...

HTML5入门(第三课)HTML5网站布局

HTML5入门(第三课)HTML5网站布局

&lt;!DOCTYPE html&gt; &lt;htmlang = &quot;en&quot;&gt; &lt;head&gt; &lt;meta charset = &quot;utf-8&quot;&gt; &lt;title&gt;<a href="http://www.web92.net/tag/html5-2" title="查看 HTML5 中的全部文章" target="_blank">HTML5</a> Demo&lt;/title&gt; &lt;bo...

阅读全文...

HTML5入门(第二课)HTML5标签语法介绍及新增标记

HTML5入门(第二课)HTML5标签语法介绍及新增标记

1、语法标签: (1)不允许写的结束符的标签:area、base、br、col、command Embed、hr、img、input、keygen、link、meta、param、source、 Track、wbr (2)可以省略结束符的标签:li、dt、dd、p、rt、optgroup、option Colgroup、thread、tbody、tr、td、th (3)可以完全省略的标签:html、head、body、colgroup、tbody   2、新增标签: <article>  标记定义一篇文章 <aside>...

阅读全文...

HTML5入门(第一课)了解HTML5的理由和新特性

HTML5入门(第一课)了解HTML5的理由和新特性

理由: 1、兼容性,老版本的浏览器上也可以运行(不是很靠谱) 2、实用性,简化了标签,细分了功能,增加了移动互联网元素 3、革命性,HTML不再是简单的标签语言,增加了API、渲染等 新特性: 1、微数据与微格式等方面的支持 , 2、本地存储,离线应用 3、API调用,地图,位置,LBS等 4、连接通讯,后台线程, 5、多媒体 , 6、三维、图形及特效, 7、支持CSS3

阅读全文...

HTML4和HTML5之间的10个主要不同

HTML4和HTML5之间的10个主要不同

HTML5是最新的HTML标准,或迟或早,所有的web程序员都会发现需要使用到这个最新的标准,而且,很多人都会感觉到,重新开发一个HTML5的网站,要比把一个网站从HTML4迁移到HTML5上容易的多,这是因为这两个版本之间有很大不同之处。 事实上,HTML5并没有对HTML4做什么重大的修改,它们很多东西都是相似的。 可是,其中有一些很重要的区别你需要知道。下面列出的就是一些HTML4和HTML5之间主要的不同...

阅读全文...

4条小建议整理你的CSS

4条小建议整理你的CSS

长期写网站css,尤其是大型网站的人应该都有一个体会,就是希望把css更有条理、有组织的写出来。让自己的css更加标准化。这样不但方便查看,尤其是在网站做进一步拓展开发时,显的尤为重要,减少很多开发工时,也将更便捷。 今天看了一篇相关的国外文章,里面举了一些方法很实用,结合国内的实际情况,整理了一下,来跟大家分享,希望能帮到大家规整化自己的css。有更好建议的朋友也欢迎指出,共...

阅读全文...

jquery 基础语法

jquery 基础语法

基本语法: $(“HTML元素”).action() 实例: $(this).hide(); 隐藏当前元素 $(“p”).hide(); 隐藏所有段落 $(“p.test”).hide(); 隐藏所有 class=”test”的段落 $(“#test”).hide(); 隐藏所有id=”test”的元素 文档就绪函数 $(document).ready(function(){ ——– }); 这是为了防止文档在完全加载(就绪)之前...

阅读全文...

常用JavaScript语法107条–WEB前端攻城狮剥壳收藏

常用JavaScript语法107条–WEB前端攻城狮剥壳收藏

1、什么是JavaScript? JavaScript是一种能让你的网页更加生动活泼的程式语言,也是目前网页中设计中最容易学又最方便的语言。你可以利用JavaScript轻易的做出亲切的欢迎讯息、漂亮的数字钟、有广告效果的跑马灯及简易的选举,还可以显示浏览器停留的时间。让这些特殊效果提高网页的可观性。 今天前端攻城狮剥壳给你分享107个javascript基础语法,也算是JavaScript入门教程。这些javascript语法是...

阅读全文...

HTML5-Canvas(中文)-pdf

HTML5-Canvas(中文)-pdf

GDE Error: Unable to load profile settings

阅读全文...

完美解决WordPress缩略图显示问题

完美解决WordPress缩略图显示问题

很多朋友在使用wordpress时编辑喜欢配合图片来使用,把图片配合在新闻当中调用一个一直是朋友们的难题(这个只针对新手来说,高手勿板砖0.0),下面我给出一个最好的解决方法,供大家参考!当然、如果有更好的方法,希望能一起分享! 首先看一下效果: 这个是小图片的调用,这样的方法具体怎么实现呢?现在开始动手: 首先打开主题目录下的 functions.php 文件,打开后在合理的位置(<?php … ?&g...

阅读全文...