随笔分类 -  HTML/HTML5

上一页 1 2
IE独有的 IF 判断
摘要：<!--[if !IE]><!-->除IE外都可识别<!--<![endif]--><!--[if IE]>所有的IE可识别<![endif]--><!--[if IE 5]>仅IE5.0与IE5.5<![endif]--><!--[if gt IE 5.0]>IE5.0以及IE5.0以上版本<![endif]--><!--[if IE 6]>仅IE6<![endif]--><!--[if lt IE 6]>IE6以及IE6以下版本<![e 阅读全文
posted @ 2012-10-24 13:29 kingwell 阅读(327) 评论(0) 推荐(0)
自动完成代码，提高工作效率
摘要：做项目时，我们都是手写代码，但是这样效率不高，如果有自动完成代码功能是不是更好呢？一：Editplus自动完成功能当你要插入一个有Class的DIV时，你要输出很多代码<div class=""><div>，有没有更快的方法呢？你是否希望当你在某个编辑器里输入：divc然后空格就就出现 <div class=""><div>，而且光标就显示在“”里面，Editplus就有这样的功能，不过这种预定义功能需要自己写，一般网上可以找到，也可以自己写，在：设置-》参数-》文件-》设置&语法，然后再选择相应语 阅读全文
posted @ 2012-10-11 13:44 kingwell 阅读(440) 评论(0) 推荐(0)
解决IE6下的CSS Hover背景图片闪烁问题
摘要：解决IE6下的Hover背景图片闪烁问题，关键是图片不缓存IE6下的背景图片每次使用都会重新发送请求，所以会出现闪烁的情况：解决方案：HTML注释 + JS<!--[if IE 6]><script type="text/javascript"><!- document.execCommand("BackgroundImageCache", false, true); --></script>也还有一种解决方案就是使用expression，不过不推荐使用，所以不不出列出来。 阅读全文
posted @ 2012-09-29 11:32 kingwell 阅读(1161) 评论(0) 推荐(0)
jQuery插件之--选择卡切换效果
摘要：写了一款jQuery插件，选择卡切换效果： /* <div class="tab-container"> <ul class="tab-title"> <li class="current"></li> <li></li> <li></li> <li></li> </ul> <div class="tab-content"></div> <div clas 阅读全文
posted @ 2012-09-28 14:41 kingwell 阅读(590) 评论(0) 推荐(0)
HTML中label的两种使用方法
摘要：如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。有两种使用方法：方法1： <label for="userName">用户名：</label><input type="text" id="userName"/> 方法2：<label>用户名：<input type="text"/></label> 当在单选或多选里使用时，还会出现一种视觉效果，这也是一种友好的方式 阅读全文
posted @ 2012-09-28 14:27 kingwell 阅读(17368) 评论(0) 推荐(2)
CSS内联还是外联？ 内联PK外联
摘要：现在是一个推崇结构，表现，行为想分离的时代，最大的好处就是维护起来比较简单，方便，代码重用。把CSS，JS写在HTML里，就像一个大杂烩，很难理解，可读性差，文件大，维护起来非常麻烦。但是CSS到底是内联还是外联呢？我们只要分析它的特点就不难得出答案。CSS内联：就是把CSS放在HTML Head里使用Style包围。<style type="text/css"></style>CSS外联：就是把CSS放到一个单独的文件里，然后在HTML通过调用。<link rel="stylesheet" type="text/ 阅读全文
posted @ 2012-09-28 14:18 kingwell 阅读(5154) 评论(0) 推荐(1)
Javascript兼容性之——getAttribute(),setAttribute()（获取设置属性）
摘要：做前端的，总是要跟兼容性打交道，CSS兼容性，JS兼容性，这里我总结了一些getAttribute(),setAttribute()在不同浏览器下兼容性以及如何解决这些问题： 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 阅读全文
posted @ 2012-09-07 20:37 kingwell 阅读(3596) 评论(0) 推荐(1)
静态网页如何上传附件
摘要：最近一个项目，要在静态页面上上传附件（头像），如果是动态网页就比较好做，但是静态页面就要采用另外的解决方案，其中的一种方法就是使用iframe，1 <form action="服务器地址" target="uploadImage" method="post" enctype="multipart/form-data">2 <input type="file" />3 <input type="submit" />4 </form> 阅读全文
posted @ 2012-09-06 17:05 kingwell 阅读(689) 评论(0) 推荐(0)
Web前端开发之——表格高级排序（字符串，日期，整型，浮点型，以及图片等）
摘要：在项目中，经常会碰表格排序，最近整理了一个表格排序包括字符串，日期，整型，浮点型，以及图片等高级排序，将服务器功能转移到前端实现，减轻了服务器压力，功能比较强大。 1 (function () { 2 /** 3 @ Author: Kingwell leng 4 @ Date : 2012-8-22 5 @ Blog : http://kingwell-leng.iteye.com/ 6 @ Email : jinhua.leng##gmail.com 7... 阅读全文
posted @ 2012-09-06 16:27 kingwell 阅读(1907) 评论(1) 推荐(0)
模拟Window Alert弹出框 支持拖动以及ESC键盘退出
摘要：基本我自己封装的一些常用函数：KW.jsJS Code： 1 /** 2 @ Name : Kingwell Javascript Library 3 @ Author :kingwell 4 @ Date : 2012-8-22 5 @ Email : jinhua.leng##gmail.com 6 @ Version : 1.2 7 @ Update : http://kingwell-leng.iteye.com/blog/1570768 8 功能： 9 1: $ID选择 10 2： 事件绑定，事件移除，获取事件目标 11 3： 阻止冒泡，阻止默... 阅读全文
posted @ 2012-06-28 11:23 kingwell 阅读(1546) 评论(0) 推荐(1)
星级评论插件
摘要：最近公司的Fantashow要嵌入一个网页，做了一个星级评论插件：HTML Code：<!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><title>template</title>< 阅读全文
posted @ 2012-06-19 17:04 kingwell 阅读(1210) 评论(0) 推荐(0)

上一页 1 2