随笔分类 -  Web前端

1 2 下一页
html&css&javascript
js判断密码强度
摘要：html代码： 1 2 密码: 3 4 密码强度: 5 6 7 弱 8 中 9 强10 11 12 js代码： 1 function pwdStre... 阅读全文
posted @ 2014-08-09 01:14 飛雲若雪 阅读(7042) 评论(0) 推荐(1)
svg―Raphael.js Library（一）
摘要：Raphael是一个用于在网页中绘制矢量图形的Javascript库，它使用SVG W3C推荐标准和VML作为创建图形的基础，可以通过JavaScript操作DOM来轻松创建出各种复杂的柱状图、饼图、曲线图等各种图表，还可以绘制任意形状的图形，可以进行图表或图像的裁剪和旋转等复杂操作。Raphael... 阅读全文
posted @ 2014-07-23 16:59 飛雲若雪 阅读(5385) 评论(0) 推荐(0)
常用js代码
摘要：common-function-lib.js 1 /*产生随机颜色*/ 2 function randomColor() { 3 var rand = Math.floor(Math.random() * 0xFFFFFF).toString(16); 4 if (rand.leng... 阅读全文
posted @ 2014-07-07 10:41 飛雲若雪 阅读(1221) 评论(0) 推荐(0)
IE6实现图片或背景的圆角效果
摘要：使用ie-css3.htc实现背景圆角效果ie-css3.htc下载链接:http://pan.baidu.com/s/1gdknU3x查看ie-css3详细信息：http://www.evernote.com/shard/s329/sh/9b193dc6-3bb7-4320-9736-b09c76... 阅读全文
posted @ 2014-06-27 14:14 飛雲若雪 阅读(3308) 评论(0) 推荐(1)
巧用css border
摘要：上下左右边框交界处呈现平滑的斜线。利用这个特点，通过设置不同的上下左右边框宽度或颜色，可以得到小三角、梯形等。调整宽度大小可以调节三角形形状。实现三角形示例1：#test1{ height:20px; width:20px; border-color:#FF9600 #3366ff... 阅读全文
posted @ 2014-06-27 10:49 飛雲若雪 阅读(4413) 评论(0) 推荐(1)
IE6下的效果
摘要：1. IE6有宽度border实现透明如果想使得边框颜色透明，在其余浏览器下比较简单，直接使用：border-color:transparent;但在IE6下这个办法不行，可以通过下面的方式实现：_border-color:tomato;_filter:chroma(color=tomato);或者... 阅读全文
posted @ 2014-06-26 01:03 飛雲若雪 阅读(377) 评论(0) 推荐(1)
理解盒模型
摘要：DIV+CSS有两种盒模型标准w3c盒模型IE盒模型如何让浏览器能够按标准盒模型来处理，就是在网页的顶部加上DOCTYPE声明。如果不加 DOCTYPE声明，那么各个浏览器会根据自己的行为去理解网页。标准盒模型中width和height指的是内容区域的宽度和高度，增加内边距、边框和外边距不会影响内容... 阅读全文
posted @ 2014-06-26 00:52 飛雲若雪 阅读(2348) 评论(0) 推荐(1)
<a>标签href属性与onclick事件
摘要：a标签主要用来实现页面跳转，可以通过href属性实现，也可以在onclick事件里实现。博客园博客园这段代码在主流浏览器里都没问题，但在IE6下会出现不能跳转的问题。这究竟是什么原因呢？javascript:void(0);void(arg);可以理解为永远返回null的函数，但是其参数不能为空。其... 阅读全文
posted @ 2014-06-25 11:03 飛雲若雪 阅读(33088) 评论(1) 推荐(2)
jquery.jqzoom.js图片放大镜
摘要：jqzoom插件实现图片放大镜效果1. jquery.jqzoom.js//**************************************************************// jQZoom allows you to realize a small magnifier ... 阅读全文
posted @ 2014-06-19 13:17 飛雲若雪 阅读(16744) 评论(0) 推荐(4)
input标签内容改变的触发事件
摘要：1. onchange事件与onpropertychange事件的区别： onchange事件在内容改变（两次内容有可能相等）且失去焦点时触发；onpropertychange事件是实时触发，每增加或删除一个字符就会触发，通过js改变也会触发该事件，但是该事件是IE专有。2. oninput事件与... 阅读全文
posted @ 2014-06-18 10:18 飛雲若雪 阅读(180846) 评论(2) 推荐(8)
jQuery.form.js使用
摘要：jQuery.form.js是一个form插件，支持ajax表单提交和ajax文件上传。下载地址百度云：http://pan.baidu.com/s/1eQoYE46360云：http://yunpan.cn/Qi7B5wdiewUMP 访问密码 06b6微云：http://url.cn/QMQ79... 阅读全文
posted @ 2014-05-27 10:50 飛雲若雪 阅读(31611) 评论(0) 推荐(1)
网页背景图片拉伸
摘要：解决方法有两种：一种是CSS，使用background-size:cover实现图片的拉伸效果，但是IE8及以下版本不支持background-size，于是可以使用微软的滤镜效果，但是IE6不支持。body{background:url(bg.jpg) center center;backgrou... 阅读全文
posted @ 2014-05-27 00:17 飛雲若雪 阅读(3277) 评论(1) 推荐(0)
jQuery之前端国际化jQuery.i18n.properties
摘要：jQuery.i18n.properties是一款轻量级的jQuery国际化插件，能实现Web前端的国际化。国际化英文单词为：Internationalization，又称i18n，“i”为单词的第一个字母，“18”为“i”和“n”之间单词的个数，而“n”代表这个单词的最后一个字母。jQuery.i... 阅读全文
posted @ 2014-05-15 15:09 飛雲若雪 阅读(61633) 评论(10) 推荐(5)
js之获取url中"?"后面的字串
摘要：url : index.php?id=123 阅读全文
posted @ 2014-05-15 10:15 飛雲若雪 阅读(8615) 评论(1) 推荐(0)
jQuery之自定义pagination控件
摘要：slpagination效果：slpagination.js 1 (function($) { 2 $.fn.slpagination = function(options, params) { 3 if ($.type(options) == "string") { ... 阅读全文
posted @ 2014-05-12 18:24 飛雲若雪 阅读(7350) 评论(0) 推荐(0)
jQuery之自定义datagrid控件
摘要：sldatagrid效果：sldatagrid.js 1 (function($) { 2 function loadColumns(sldatagrid, columns) { 3 $(sldatagrid).empty(); 4 $(sldatag... 阅读全文
posted @ 2014-05-12 14:57 飛雲若雪 阅读(718) 评论(0) 推荐(0)
js之iframe子页面与父页面通信
摘要：iframe子页面与父页面通信根据iframe中src属性是同域链接还是跨域链接，通信方式也不同。一、同域下父子页面的通信父页面parent.html 子页面child.html 方法调用父页面调用子页面方法：FrameName.window.childMetho... 阅读全文
posted @ 2014-05-07 00:04 飛雲若雪 阅读(169088) 评论(3) 推荐(14)
easyui扩展
摘要：datagrid行内编辑时为datetimebox$.extend($.fn.datagrid.defaults.editors, { datetimebox: {// datetimebox就是你要自定义editor的名称 init: function (container, ... 阅读全文
posted @ 2014-03-20 14:04 飛雲若雪 阅读(4257) 评论(0) 推荐(0)
Highcharts 多个Y轴动态刷新数据
摘要：效果图：js代码：$(function() { $(document).ready(function() { Highcharts.setOptions({ global: { useUTC: false ... 阅读全文
posted @ 2014-03-18 19:52 飛雲若雪 阅读(19215) 评论(2) 推荐(2)
CSS浏览器兼容
摘要：参考资料：CSS Hack Table1. 各浏览器各自识别的标签特殊标签IE6IE7IE8FirefoxChromeSafari!important.Y.Y.._Y.....*YY....*+.Y....\9YYY...\0..Y...nth-of-type(1)....YY2. 区别IE和非IE... 阅读全文
posted @ 2013-04-22 11:20 飛雲若雪 阅读(710) 评论(5) 推荐(0)

1 2 下一页