html
文章平均质量分 88
Zoe_Wang_ing
这个作者很懒,什么都没留下…
展开
-
完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
from: http://www.cnblogs.com/Capricornus/archive/2013/03/26/2982122.htmlHTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页面显得非常简单。HTML5的新标签元素有:定义页面或区段的头部;定义页面或区段的尾部;转载 2015-05-18 14:36:52 · 628 阅读 · 0 评论 -
div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox..
转载:http://www.cnblogs.com/myitm/archive/2011/05/17/2048850.htmlCSS技巧1.div的垂直居中问题vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行 powered by 25175.ne转载 2013-12-19 14:57:59 · 1742 阅读 · 0 评论 -
左右等高div
$(function(){ equalHeight($('.content_left'),$('.content_right')); }) function equalHeight(left,right){ var lh = left.height(); var rh = right.height(); if(lh<rh){ left.css("h原创 2013-12-18 17:59:07 · 631 阅读 · 0 评论 -
纯CSS实现侧边栏/分栏高度自动相等
转载:http://www.zhangxinxu.com/wordpress/?p=694by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=694一、为何要分栏高度一致?分栏高度一致的目的是更加美观。举两个例子吧。① 对于分栏转载 2013-12-18 16:37:13 · 1723 阅读 · 0 评论 -
进度条动态加载
动画效果animateul li{ list-style:none;}.expl li{ line-height:30px;}.expl .per{ height:10px; width:60%; font-size:0; line-height:0; overflow:hidden; float:left; display:inline; background:转载 2013-12-11 10:15:02 · 1322 阅读 · 0 评论 -
jquery table slideUp 兼容table滑动效果
jquery table slideUp 兼容table滑动效果.hide { display: none;}.lc_list{ width:714px; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; overflow:hidden; }.lc_list tr{ padding:6px原创 2013-12-10 16:00:43 · 2666 阅读 · 1 评论 -
jquery 点击切换面板及图标
将背景颜色换成背景图无标题文档.finance{ border-bottom:none;}.finance dd{ line-height:48px; color:#0e4f71; padding:5px 0; border-bottom:1px solid #eaeaea; background:#ffffff;}.finance dd p{ paddin原创 2013-12-03 13:04:49 · 2526 阅读 · 0 评论 -
jQuery插件 -- Form表单插件jquery.form.js
转载:http://blog.csdn.net/zzq58157383/article/details/7718956#commentsjQuery Form插件是一个优秀的Ajax表单插件,可以非常容易地、无侵入地升级HTML表单以支持Ajax。jQuery Form有两个核心方法 -- ajaxForm() 和 ajaxSubmit(), 它们集合了从控制表单元素到转载 2013-11-14 14:49:30 · 1405 阅读 · 0 评论 -
背景图做幻灯片
修改别人的作品上下滚动body, input, button, select, textarea, th, td,div,font {color: #333333;font-family: tahoma,arial,sans-serif;font-size: 12px;line-height: 1.5; font-family:"微软雅黑";}img{ border:none}u转载 2013-11-13 18:01:44 · 942 阅读 · 0 评论 -
js 循环滚动
上下滚动body{ margin:0; padding:0;}div{ width:306px; height:128px; margin:50px auto auto auto; padding:0; position:relative; overflow:hidden;}ul{ margin:0; padding:0; width:9999em;}ul原创 2013-11-08 10:56:57 · 772 阅读 · 0 评论 -
利用css中的border生成三角,兼容包括IE6的主流浏览器
转载:http://www.36ria.com/demo/triangle/1、生成四个不同颜色方向的梯形代码#ladder{ width:20px; height:20px; border:10px solid; border-color:#ff3300 #0000ff #339966 #00ff00; }转载 2013-11-21 10:47:53 · 1020 阅读 · 0 评论 -
content = "IE=edge,chrome=1" 详解
meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />X-UA-Compatible 是IE8专有标记。这是个是IE8的专用标记,用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式(比如人见人烦的IE6),以此来解决部分兼容问题,例如模拟IE7的具体方式如下:但令我好奇的是转载 2013-11-06 15:32:40 · 715 阅读 · 0 评论 -
Highcharts使用指南
摘要Highcharts图表控件是目前使用最为广泛的图表控件。本文将从零开始逐步为你介绍Highcharts图表控件。通过本文,你将学会如何配置Highcharts以及动态生成Highchart图表。 目录前言(Preface)安装(Installation)如何设置参数(How to set up the options)预处理参数(Preprocess转载 2013-11-18 16:18:34 · 1072 阅读 · 0 评论 -
JS报表控件highcharts应用
1. 官网地址 http://www.highcharts.com/ 2. 版权信息源码修改方法 在 highcharts.js 中打到 credits 将其中的 enabled 属性由 true 改为 false。如果是经过压缩后的代码,则是由 !0 改为 0。 3. 官方学习示例地址 http://www.highcha转载 2013-11-18 14:23:53 · 1852 阅读 · 0 评论 -
highcharts与highstock实例
转载:http://www.cnblogs.com/lfire/archive/2012/10/25/2738842.html1. highcharts实例代码,其中导出功能没有配置本地化,用的是官方导出接口。html> head> title>highcharts报表示例/title> meta http-equi转载 2013-11-18 14:22:00 · 2456 阅读 · 0 评论 -
惊艳!9个不可思议的 HTML5 Canvas 应用试验
转载:http://www.cnblogs.com/lhb25/p/html5-canvas-demos.html1. HTML5 Video Destruction这是一个真正抢眼的 Canvas 演示,我必须顶礼膜拜。你会看到一个可扩展的画布视频,点击视频片爆炸,但视频爆炸过程中继续播放,并能够自动回到其原来的位置。这是一个让我们所有的人都振奋的演示。效果演示转载 2013-10-16 13:11:01 · 1518 阅读 · 0 评论 -
jquery插件:fancybox
转载:http://www.cnblogs.com/zhmt/archive/2011/10/06/2200152.htmlFancybox的特点如下:可以支持图片、html文本、flash动画、iframe以及ajax的支持可以自定义播放器的CSS样式可以以组的形式进行播放如果将鼠标滚动插件(mouse wheel plugin)包含进来的话Fancybox还能支持鼠标滚轮滚动来翻阅转载 2013-09-23 10:24:57 · 1470 阅读 · 0 评论 -
申请借款验证
转载:http://beijing.haodai.com/ 源代码// JavaScript Documentfunction sq_index(t) { var q_name = $('#user_name'); var q_phone = $('#user_mobilenum'); var q_money = $('#user_money');转载 2013-10-08 10:54:55 · 1095 阅读 · 0 评论 -
jquery 验证
之前同事写的,扩展了一些,还可以随时添加新的东西。account.js/*! * Date Set Account * Version: 1.0.0 * Create: By Wang Xiu Fang * Date: 02-01-2014 11:07:48 (GMT Time) */var ele = { userName: 'userName', realName: '原创 2014-01-02 17:43:55 · 816 阅读 · 0 评论 -
纯css三角效果
转载:http://www.w3cplus.com/code/303.htmlhtml代码如下:div class="arrow-up">div>div class="arrow-down">div>div class="arrow-left">div>div class="arrow-right">div>css代码如下:.arrow-up {转载 2013-12-20 10:35:14 · 621 阅读 · 0 评论 -
兼容浏览器的inline-block
.inlineblock{ display:inline-block; *display:inline; *zoom:1;}转载:http://www.w3cplus.com/code/304.html转载 2013-12-20 10:40:22 · 501 阅读 · 0 评论 -
将图片下载到本地
点击下载将图片保存到本地 下载原创 2015-03-04 17:32:53 · 1013 阅读 · 1 评论 -
修改 input[type="file"] 原生样式
图片 --> /*上传头像*/.h-upload{ .bsb(); position:relative; input[type="file"]{ opacity:0; position:absolute; top:0; left:0原创 2015-01-06 11:39:19 · 3107 阅读 · 0 评论 -
foot 固定底部 不用绝对定位
from:http://paranimage.com/css-sticky-footer/转载 2015-01-05 09:58:00 · 3589 阅读 · 0 评论 -
控制按钮提示,点击后,一段时间内按钮不可用
js/** * 点击按钮后多长时间内按钮不可点 * @param time 时间 以秒为单位 * 可接受 id 及 class 选择器,可同时控制多少个class */$.fn.setBtnTimer = function(options) { "use strict"; var defaults = { 'time': 60 }; var settings = $.原创 2014-10-21 09:26:59 · 3226 阅读 · 0 评论 -
高性能WEB开发(8) - 页面呈现、重绘、回流。
页面呈现流程 在讨论页面重绘、回流之前。需要对页面的呈现流程有些了解,页面是怎么把html结合css等显示到浏览器上的,下面的流程图显示了浏览器对页面的呈现的处理流程。可能不同的浏览器略微会有些不同。但基本上都是类似的。 1. 浏览器把获取到的html代码解析成1个Dom树,html中的每个tag都是Dom树中的1个节点,根节点转载 2014-11-26 11:32:24 · 839 阅读 · 0 评论 -
web前端性能优化
转载:http://www.phpv5.com/blog/web-front-optimize减少http 请求合并js css, 图片减小传输的内容http请求数量已经足够少了, 我们还可以在减小传输内容的方面做一些文章, 比如:压缩 js css , 在质量达到期望的前提下压缩图片。启用gzip 压缩.使用浏览器缓转载 2014-10-16 14:09:47 · 589 阅读 · 0 评论 -
浏览器 自动 补全 html标签 功能 兼容
ie9 及以下浏览器 在 html 标签 出现原创 2014-10-24 17:01:36 · 1344 阅读 · 0 评论 -
禁用a链接
在bootstrap中,a链接 加上 class=".btn" 时,给a链接 disabled 属性 可实现禁用 a 链接(包括 a链接的 onclick事件)在平时应用 a 链接时,ie8 到 ie11 支持 disabled 属性,且 可以 禁用 a 链接(包括 a链接的 onclick事件)后经本人各种虐,终于虐出了原因,发现了一个css3 新生属性 pointer-even原创 2014-10-24 16:26:09 · 4945 阅读 · 0 评论 -
a 标签里面的button 按钮 ie78下a链接无效的问题
预约看房转载 2014-09-11 11:37:08 · 2465 阅读 · 0 评论 -
jQuery操作checkbox选择
转自:http://www.cnblogs.com/libingql/archive/2011/11/07/2238663.html转载 2014-08-11 17:32:21 · 559 阅读 · 0 评论 -
checkbox 引用样式用jQuery实现选中
记住密码原创 2014-08-11 17:29:27 · 1491 阅读 · 0 评论 -
Web页面中八种创建多列等高(等高列布局)的实现技术
一、假等高列这种方法是我们实现等高列最早使用的一种方法,就是使用背景图片,在列的父元素上使用这个背景图进行Y轴的铺放,从而实现一种等高列的假像:Html Markup 复制代码代码如下:在制作样式之前需要一张类似下面的背景图:CSS Code: 复制代码代码如下:.c转载 2014-08-04 14:45:54 · 951 阅读 · 0 评论 -
自定义下拉菜单
css/*select*/.select_wrap1{ position:relative; z-index:10;}.select_box{ position:absolute; margin:-34px 0 0 122px; width:127px; height:28px;}.select_box2{ position:absolute; margin:-34p转载 2014-07-22 18:24:46 · 637 阅读 · 0 评论 -
margin 负值应用
转自:http://www.topcss.org/?p=94 有改动转载 2014-06-24 13:29:40 · 683 阅读 · 0 评论 -
页面变灰
html{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: url("data:image/svg+xml;utf8,#grayscale")转载 2014-03-25 14:57:38 · 691 阅读 · 0 评论 -
网页滑动效果
〈var timer1=null;var timer2=null;var il=200;var ir=600;timer1=setInterval('scrl()',100)function scrl(){ if(il<=1) { clearTimeout(timer1); document.getElementById('popl').style.left='0转载 2014-04-16 15:09:26 · 739 阅读 · 0 评论 -
js 判断浏览器是否支持html5
方法一, function checkhHtml5() { if (typeof(Worker) !== "undefined") { alert("支持HTML5"); } else { alert("不支持HTML5"); } } 同方法一方法二, if (!document.getElementById("Canvas转载 2014-04-16 13:35:58 · 916 阅读 · 0 评论 -
<noscript><iframe src=*></iframe></noscript>是什么意思
是什么意思。前面应该还有一段js代码。noscript 元素用来定义在脚本未被执行时的替代内容(文本)。此标签可被用于可识别 标签但无法支持其中的脚本的浏览器。此段代码意思为如果浏览器不支持script的代码,则会显示嵌入的那个页面的内容。当浏览器禁用Script或是不支持Script的时候是调用,你可以自己写一个javascript,加上 documne转载 2013-09-22 15:33:46 · 4058 阅读 · 0 评论 -
CSS Hack浏览器兼容IE6+IE7+IE8+IE9+FF
自从安装了IE8.0正式版本!就对基本的几个 CSS HACK的做一下归纳!希望对网页前端布局DIV+CSS的实施者有所帮助! 本文就主要以:IE6+IE7+IE8+IE9+FF为主要研究对象 HACK原理:不同浏览器对各中字符的识别不同 (读完文章你会发现,FF和IE8对以下字符的识别能力完全相同) 在 CSS中常用特殊字符识别表: (1)*: IE6+IE7都能识别*,而标准转载 2013-09-22 14:34:31 · 1150 阅读 · 0 评论