HTML/CSS
文章平均质量分 89
html css
zhexiao27
Keep going.
展开
-
CSS Sprites : 样式表贴图定位 &nd…
sprite me是一个bookmark(书签),因此大家只需要把spriteMe添加到自己的书签的工具栏中,访问任意网站需要使用它的时候,只需要轻轻点击一下spriteme就可以哈~点击以后会在页面的右上方弹出一个覆层。下面是我对qq首页做的spriteMe的弹出层;Sprites : 样式表贴图定位 –SpriteMe 详解" TITLE="CSS Sprites : 样式原创 2013-03-28 21:52:55 · 462 阅读 · 0 评论 -
如何灵活利用免费开源图标字体-IcoMoon
一、温故知新之前有专门介绍过如何使用类似fontforge软件制作自定义字符字体以及如何在web中实际应用。不过,文中提到的是利用系统自带的一些特殊字体,如WINGDNG3.ttf字体。显然,系统自带字体有限。好在,前段时间神飞整理出了一篇雪中送炭的文章:“icon font大搜罗”,里面罗列了非常多的免费或不免费的优秀图标字体(图片较长,滚动显示):转载 2013-05-25 11:54:43 · 869 阅读 · 0 评论 -
event keycode大全
event.keycode大全(javascript)keycode 8 = BackSpaceBackSpacekeycode 9 = Tab Tabkeycode 12 = Clearkeycode 13 = Enterkeycode 16 = Shift_Lkeycode 17 = Control_Lkeycode 18 = Alt_Lkeycode 19 =原创 2013-03-28 21:58:37 · 528 阅读 · 0 评论 -
使用Jquery监听paste,copy等动作
$('input').bind('paste', function () { var element = this; setTimeout(function () { var text = $(element).val(); // do something with text }, 100);});$("#editor").live('input paste',f原创 2013-04-12 01:20:45 · 6782 阅读 · 0 评论 -
修改一个编辑器需要用的到range和selection对象
除了浏览器兼容麻烦点,其余的都是大赞啊,附下一些代码可以起手:function MoveButton () { var wanderer = document.getElementById ("wanderer"); if (window.getSelection) { // all browsers, except IE before vers原创 2013-04-11 00:17:09 · 1616 阅读 · 0 评论 -
JQuery获取浏览器窗口的可视区域高…
01alert($(window).height()); //浏览器时下窗口可视区域高度02alert($(document).height()); //浏览器时下窗口文档的高度03alert($(document.body).height());//浏览器时下窗口文档body的高度原创 2013-03-28 21:58:44 · 2164 阅读 · 0 评论 -
javascript函数设置默认值
Set adefault parameter value for a JavaScript functionDoes this work in JavaScript?function read_file(file, delete_after = false) { // Code}当然,这样写你在火狐上是没问题的,但是在IE9和谷歌浏览器都会报错,因为javascript函数不原创 2013-03-28 21:58:41 · 538 阅读 · 0 评论 -
CSS3 3D Transforms
3D TransformsCSS3 allows you to format your elements using 3D transforms.In this chapter you will learn about some of the 3D transformmethods:rotateX()rotateY()Click on the elements below,原创 2013-03-28 21:58:29 · 627 阅读 · 0 评论 -
网页设计中常用的19个Web安全字体
1, Arial微软公司的网页核心字体之一,最常用的sansserif字体,当字号很小时不容易阅读。但是,大写的“I”和小写的“l”是无法区别的,你可以考虑用Tahoma字体来替代。(苹果系统没有这种字体,但有一种对应于Arial的字体叫Helvetica,它是MAC机上与Arial字体最相似的WEB字体,是别一种非衬线字体.它是一种性能优良的打印字体,但在屏幕上表现不是很好,说道H原创 2013-03-28 21:58:10 · 840 阅读 · 0 评论 -
PHP+CKEditor 3配置详细说明(包括…
首先,我们要在页面中加入CKEditor的js文件: ... <script type="text/javascript"src="/ckeditor/ckeditor.js"> 其次,在你要插入编辑器的地方插入如下代码: <textareaname="editor">文本的默认HTML代码 其中,"editor"是原创 2013-03-28 21:52:06 · 565 阅读 · 0 评论 -
CSS3 Animations
CSS3 AnimationsWith CSS3, we can create animations, which can replace animatedimages, Flash animations, and JavaScripts in many web pages.CSS3AnimationCSS3 @keyframes RuleTo create anima原创 2013-03-28 21:58:32 · 652 阅读 · 0 评论 -
CSS3 2D Transforms
CSS3 TransformsWith CSS3 transform, we can move, scale, turn, spin, and stretchelements.2D Transforms" />How Does it Work?A transform is an effect that lets an element change shape, sizeand p原创 2013-03-28 21:58:27 · 635 阅读 · 0 评论 -
CSS3 word-wrap Property
word-wrap Property" /> CompleteCSS ReferenceExampleAllow long words to be able to break and wrap onto the nextline:p.test {word-wrap:break-word;}Try it yourself »Browser Support原创 2013-03-28 21:58:25 · 604 阅读 · 0 评论 -
CSS3 text-shadow Property
text-shadow Property" /> CompleteCSS ReferenceExampleBasic text-shadow:h1{text-shadow: 2px 2px #ff0000;}Try it yourself »More examples at the bottom of this page.Browser Support原创 2013-03-28 21:58:23 · 472 阅读 · 0 评论 -
CSS3 background-size Property
ExampleSpecify the size of a background image:div{background:url(img_flwr.gif);background-size:80px 60px;background-repeat:no-repeat;}Try it yourself »More examples at the bottom of this p原创 2013-03-28 21:58:20 · 591 阅读 · 0 评论 -
CSS3 box-shadow Property
ExampleAdd a box-shadow to a div element:div{box-shadow: 10px 10px 5px #888888;}Definition and UsageThe box-shadow property attaches one or more drop-shadows to thebox.Default value:原创 2013-03-28 21:58:12 · 644 阅读 · 0 评论 -
html5开发之viewport使用
随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行,移动互联应用开发也越来越受到人们的重视,用html5开发移动应用是最好的选择。然而,每一款手机有不同的分辨率,不同屏幕大小,如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢?学习html5 viewport的使用能帮你做到这一点……viewport 语法介绍:01 02 <meta nam转载 2013-05-16 01:32:40 · 639 阅读 · 0 评论