html+css
关注
分享
扫一扫
文章平均质量分 69
mydudu2005
这个作者很懒，什么都没留下…
展开
-
Jquery_html5涂鸦
<!DOCTYPE html> <html><head> <title>HTML5 Canvas塗鴉板</title> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.4.js"> </原创 2012-10-31 19:40:40 · 165 阅读 · 0 评论 -
CSS Paged Media - @page Rule
Paged media differ from continuous media in that the content of the document is split into one or more discrete pages. Paged media includes paper, transparencies, pages that are displayed on computer...原创 2017-02-23 17:34:46 · 486 阅读 · 0 评论 -
简单的html5 File测试 for pic2base64
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> &原创 2014-07-10 17:56:17 · 160 阅读 · 0 评论 -
仿QQ灵活拖拉文件上传
在html5中，出现了众多的新的技术和特性，而本文将介绍的是目前HTML5标准中，对如何将用户客户端的文件拖拉到浏览器这一特性进行初步的讲解。在HTML5中的标准中，提到了希望能在新一代浏览器中，支持用户直接将客户端桌面的文件拖放到浏览器中，甚至鼓励做更多的工作(比如上传文件)。这篇文章将分如下几个方面进行初步的分析和探讨： 如何将文件拖放到web页面中 在Javascript中分析...原创 2014-02-08 14:03:25 · 148 阅读 · 0 评论 -
CSS3 为不同媒介设置样式的方法（CSS3 Media Queries）
随着智能手机、平板电脑越来越流行，许多网站都开始考虑为这些移动设备开发一套专属布局和样式。幸好 CSS3 提供了针对不同设备的查询规则，让这一目的变得非常容易实现。12345678910111213141516171819202122232425262728293...原创 2014-02-08 11:21:49 · 129 阅读 · 0 评论 -
21 款超棒的 CSS3 效果
CSS3能够帮助你开发出超棒的动画和特效，你是不是想了解究竟它能够帮助你创建多么具有冲击力的web设计和动画吗？看看我们这一组精心收集的CSS3在线演示吧，绝对给你视觉上的强烈冲击。你可以通过点击小标题的链接来查看演示和源码。 1. On/Off FlipSwitch 一个超棒的在线制作纯CSS3开关的应用，不使用图片，也能生成漂亮的动态开关。包含了iOS、Android、BlackBerry...原创 2013-12-03 10:47:42 · 164 阅读 · 0 评论 -
css+table 1px边框单元格
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>&原创 2012-10-11 11:59:20 · 100 阅读 · 0 评论 -
细数那些不能直视的IE6BUG
1. li在IE中底部3像素的BUG解决方案：在<li>上加float:left；即可解决2. IE6中奇数宽高的BUG。解决方案：就是将外部相对定位的div宽度改成偶数。高度也是一样的。3. IE6文字溢出BUG引发这种BUG有几个条件1.是注释引起的,删除所有注释即可.2.hidden的input直接放在form下.3.display为none的d...原创 2013-06-14 08:42:25 · 135 阅读 · 0 评论 -
兼容firefox，chrome的网页灰度效果
要实现网页灰度，最稳妥的办法莫过于直接处理所有图像，不用考虑兼容，不用考虑效率。但是，工作量比较大，切换回来也费力。 ie系列支持css滤镜，一句 filter:gray; 就解决了所有问题。但是，众所周知，ie以效率低著名，你会发现开启以后速度显著下降。并且，最致命的，在其他浏览器下无效。 有没有兼容所有浏览器的办法呢？有。JavaScript能做到，早就有人用js模拟了ie的gray滤镜，如果...原创 2013-04-20 20:32:45 · 185 阅读 · 0 评论 -
HTML5实践-图片设置成灰度图
以前，在web上要显示灰度图片的话，只有手工使用图片软件转换。但是现在借助于html5的canvas可以实现这个过程，而不需要再借助图片编辑软件了。我用html5和jquery做了一个demo，来展示如何实现这个功能。 目的 这个demo将会向你展示用html5和jquery，如何实现鼠标在图片上移动移出时，灰度图像和原图之间的切换。在html5出现之前，要实现这个功能就需要准备两...原创 2013-04-20 20:26:24 · 238 阅读 · 0 评论 -
HTML5 组件Canvas实现图像灰度化
HTML5发布已经有很长一段时间了，一直以来从来没有仔细的看过，过年刚来随便看看 发现HTML5中的Canvas组件功能是如此的强大，不怪很多牛人预言Flash已死，死不死 不是我要关心的，我关心的Canvas可以很轻松在网页中实现简单相框和图像灰度化。 一起来看看HTML5 Canvas是怎么做到的吧! 新建一个html页面，在body tag之间加入<c...原创 2013-04-20 20:22:53 · 98 阅读 · 0 评论 -
css set a4 paper size
HTML<div class="book"> <div class="page"> <div class="subpage">Page 1/2</div> </div> <div class="page"&g原创 2017-02-23 17:38:55 · 443 阅读 · 0 评论