HTML
文章平均质量分 55
DracoTianlong
这个作者很懒,什么都没留下…
展开
-
style="visibility: hidden"和 style=“display:none”区别
style="visibility: hidden"和 style=“display:none”区别 大多数人很容易将CSS属性display和visibility混淆,它们看似没有什么不同,其实它们的差别却是很大的。visibility属性用来确定元素是显示还是隐藏的,这用visibility="visible|hidden"来表示(visible表示显示,hidden表示隐藏)。原创 2012-08-03 15:48:24 · 34614 阅读 · 3 评论 -
前端开发攻城师绝对不可忽视的五个HTML5新特性
转自:http://www.gbin1.com/technology/html/20130702-good-html5-features/HTML5已经火了一段时间了,相信作为web相关开发工程师,肯定或多或少的了解和尝试过一些HTML5的特性和编程。还记得以前我们介绍过的HTML5新标签。 作为未来前端开发技术的潮流和风向标,HTML5绝对不容忽视。在今天这篇转载 2013-07-02 09:40:15 · 1003 阅读 · 0 评论 -
Js中获取frames中的元素
var oCombo = window.parent.frames["frmresourcetype"].document.getElementById('cmbType') ; 获取父frame元素 var oCombo = window.frames["frmresourcetype"].document.getElementById('cmbType') ; 获取子frame元素原创 2013-07-29 18:59:10 · 6652 阅读 · 0 评论 -
Web前端优化最佳实践及工具集锦
前端的性能对于一个Web应用来说非常重要,如果一个Web应用的页面加载速度非常快、对于用户的操作可以及时响应,那么产品的用户体验将会极大地提升。下图显示了页面加载速度对于用户体验的影响。你的Web页面的速度是否已经足够快了?其实可能还有很多可以提升的地方。Google和雅虎也提出了一些Web应用的前端优化建议,并发布了一些工具,你可以逐一检验你的Web应用,以便达到更高的性能。转载 2013-09-25 12:28:16 · 1258 阅读 · 0 评论 -
window.location.hash属性介绍
window.location.hash属性介绍location是javascript里边管理地址栏的内置对象,比如location.href就管理页面的url,用location.href=url就可以直接将页面重定向url。而location.hash则可以用来获取或设置页面的标签值。比如http://domain/#admin的location.hash="#admin"转载 2013-09-27 18:43:51 · 1136 阅读 · 0 评论 -
IE8 滤镜效果失效[ filter:alpha(opacity=20);]
坐一个滤镜效果,CSS样式如下:.mask { width:100%; height:100%; background-color:#000 ; position:fixed; top:0px; left:0px; opacity:0.2; /* IE 8 */ filter:alpha(opacity=20); /* Firefox,Safari(WebKit),Op原创 2013-08-28 15:02:04 · 12035 阅读 · 0 评论 -
别处收集的,收藏下!
x-ua-compatible(浏览器兼容模式) 仅对IE8+以效 告诉浏览器以什么版本的IE的兼容模式来显示网页 其中最后一行是永远以最新的IE版本模式来显示网页的。 另外加上Emulate模式 Emulate模式后则更重视 (细心的人会注意到,用IE9去访问带有x转载 2014-03-15 00:01:16 · 859 阅读 · 0 评论 -
IE 兼容性问题记录
文档模式:文档模式的主要作用是影响浏览器显示网页HTML的方式,在接到返回的HTML文件后,决定以哪个IE版本的文档模式解析该页面(举例来说:JS脚本就是依赖文档模式,IE9的js变化就需要IE9文档模式来支持)。浏览器模式的主要作用是为兼容较早版本的IE,它会控制浏览器发出的UserAgent,表示以哪个版本的浏览器发出请求,以此来允许为某个特定IE版本设计的代码正确执行(举例来说:原创 2014-03-15 10:28:35 · 1695 阅读 · 0 评论 -
css 文本两端对齐
css 文本两端对齐转载 2014-04-17 19:00:09 · 1488 阅读 · 0 评论 -
【技能】使用纯CSS+html写出方向箭头,简单大方,好看
使用纯CSS+html写出方向箭头,贴出来就可以用,100%原创 .pointsRule{ display: inline-block; font-size: 12px; margin-top:原创 2014-04-27 11:03:52 · 16355 阅读 · 0 评论 -
读取input:file的路径并显示本地图片的方法
Image preview example var loadImageFile = (function () { if (window.FileReader) { var oPreviewImg = null, oFReader = new window.FileReader(), rFilter = /^(?:image\/bmp|image\/cis\-cod|image\/gif转载 2014-07-22 18:08:56 · 21345 阅读 · 6 评论 -
开源中最好的Web开发的资源
学习HTML 5编程和设计★ HTML5 Rocks : Major Feature Groups 的学习 HTML5 的资源 (HTML5 演示, 教程 ). 源码很不错的 HTML5 Dashboard – Mozilla,效果很炫。WhatWG Developers, 一个清楚的 HTML5 技术规格说明书。★ StackOverflow : 大名鼎鼎的技术问答式论坛。转载 2013-06-24 18:37:58 · 3463 阅读 · 0 评论 -
jQuery的Select操作集合
这俩天在使用jQuery+CSS3 + HTML5 ,收集总结下 jQuery的Select操作jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id"原创 2013-07-08 18:38:14 · 1345 阅读 · 0 评论 -
一个简单的 弹性返回顶部JS代码
昨天做了一个这样的功能,贴出来参考。HTML/JS/CSS代码:弹性返回顶部JS代码function goTopEx() { var obj = document.getElementById("goTopBtn"); function getScrollTop() { return document.documentElement.原创 2013-06-09 11:06:09 · 5780 阅读 · 0 评论 -
HTML5+CSS3 表格设计(Table)
CSS样式:body {width: 600px;margin: 40px auto;font-family: 'trebuchet MS', 'Lucida sans', Arial;font-size: 14px;color: #444;}table {*border-collapse: collapse; /* IE7 and lower */bord原创 2012-07-22 17:22:49 · 18204 阅读 · 4 评论 -
html5实现全屏的api方法
【进入和退出全屏】// Webkit (works in Safari5.1 and Chrome 15)element.webkitRequestFullScreen();document.webkitCancelFullScreen(); // Firefox 10element.mozRequestFullScreen();document.mozCancelFu原创 2012-07-18 23:59:31 · 4541 阅读 · 0 评论 -
网站SEO优化部分原则
好的网站的在设计上需要遵循搜索引擎的搜索习惯,这样才能更好被这些搜索引擎收录,那么在设计网站时我们应该遵循哪一些原则,以下是大部分seo专家普遍认为的部分准则,列出来跟大家分享一下:1.网站主题突出。好的网站的都有一个主题,如Amazon是商品零售的网站。阿里巴巴是全球贸易。不能用"大而全"的出发点来建立网站,从搜索营销方面来看,我们要告诉搜索引擎这是一个什么样主题的网站。2.转载 2012-08-29 23:16:30 · 1119 阅读 · 0 评论 -
WordPress最简洁google的sitemap
闲来无事给自己的wp写了个google的sitemap直接使用sitemap.php输入sitemap演示地址:http://www.ccvita.com/sitemap.php代码如下:require_once('wp-config.php'); mysql_connect(DB_HOST, DB_USER, DB_PASSWORD) or die("Could not转载 2012-08-29 23:20:31 · 2562 阅读 · 0 评论 -
最大化 Google Chrome 浏览器
"C:\Documents and Settings\Administrator\Local Settings\Application Data\Google\Chrome\Application\chrome.exe" --kioskhttp://192.168.18.162:81/sencloudmm6ca7a78fd90575d7fde875e3afc3c原创 2012-08-18 13:16:33 · 2299 阅读 · 0 评论 -
CSDN 确实要离开此页吗?的做法
只需在页面的body里加一句代码原创 2012-09-12 15:22:17 · 5321 阅读 · 0 评论 -
强制将IE,Chrome设置为指定兼容模式来解析
一.指定文件兼容性模式要为你的网页指定文件模式,需要在你的网页中使用meta元素放入X-UA-Compatible http-equiv 标头。1. 强制IE8使用IE8模式来解析,而且那个兼容性视图 按钮也被去掉了2. Google Chrome Frame也可以让IE用上Chrome的引擎: 3.强制IE8使用IE7模式来解析 或者4.强制IE8使用IE原创 2012-09-12 15:07:39 · 6947 阅读 · 0 评论 -
JSP pageEncoding和contentType属性
JSP pageEncoding和contentType属性JSP要经过两次的“编码”,第一阶段会用pageEncoding,第二阶段会用utf-8至utf-8,第三阶段就是由Tomcat出来的网页, 用的是contentType。关于JSP页面中的pageEncoding和contentType两种属性的区别:pageEncoding是jsp文件本身的原创 2013-03-16 16:14:08 · 887 阅读 · 0 评论 -
ul模拟列表菜单
jquery用ul模拟表单select列表菜单效果<!--body {padding:10px;}* {margin:0; padding:0; font-size:12px;}ul,li {list-style-type:none;}.select_box {width:150px; border:1px solid #ccc; padding-right:20px; paddin原创 2013-04-14 16:48:43 · 1687 阅读 · 0 评论 -
去除FireFox中点击链接的时候,出现的虚线的边框框
今天遇到几个浏览器兼容的问题,有一个感觉比较奇怪,估计是FireFox故意要和IE、google 区别开来吧,在点击FireFox a标签的时候会出现虚线框,比较难看,入下图但是修改方法也是比较简单的a {outline: none;}也可以是a:focus {outline: none;}就可以了。原创 2013-04-27 16:10:17 · 1472 阅读 · 2 评论 -
【IE兼容性】background:transparent IE中Bug,不能选中input输入框,出现这个问题主要是IE8
先解释下,background:transparent,默认在IE上会被解析成 background: none transparent scroll repeat 0% 0% transparent表示透明无颜色 none 表示没有设置背景图片repeat 表示图片重复scroll 表示背景图片随浏览器下拉而滚动0%水平位置在x00%垂直位置在y0原创 2014-06-15 23:18:37 · 10350 阅读 · 0 评论