摘要：
作为一个CSSer，需要懂得的知识是比较多的，前面有UE设置，后面有程序，而在开发的同时，需要考虑到网站优化，包括用户体验和SEO等等。今天就SEO与DIV+CSS布局的关系，我们作一些了解，相信大家看了以后，会有收获的。首先了解一下，什么是SEO。SEO主要就是通过对网站的结构，标签，排版等各方面的优化，使Google等搜索引擎更容易搜索网站的内容，并且让网站的各个网页在GOOGLE等搜索引擎中获得较高的评分，从而获得较好的排名。一、代码精简使用DIV+CSS布局，页面代码精简，这一点相信对XHTML有所了解的都知道。代码精简所带来的直接好处有两点：一是提高蜘蛛爬行效率，能在最短的时间内爬完 阅读全文
摘要：
1. 去除页面的右键菜单$(document).ready(function(){ $(document).bind(“contextmenu”,function(e){returnfalse;});});2、搜索输入框文字的消失当鼠标获得焦点、失去焦点的时候，input输入框文字处理：$(document).ready(function(){ $(“input.text1″).val(“Enter your search text here”); textFill($(‘input.text1′));});function textFill(input){//input focus text 阅读全文
摘要：
css浏览器不兼容很折腾人。天外飞仙在其他网站上趴下来的，读了遍，还真是回事，说的蛮好的，就转来，权当给自己做笔记，俗话说的好，好记性不如烂笔头，也顺便给大家分享。一、IE边框若显若无，须注意，定是高度设置已忘记；二、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中；三、三像素文本慢移不必慌，高度设置帮你忙；四、兼容各个浏览须注意，默认设置行高可能是杀手；五、独立清除浮动须铭记，行高设无，高设零，设计效果兼浏览；六、学布局须思路，路随布局原理自然直，轻松驾驭html，流水布局少hack，代码清爽，兼容好，友好引擎喜欢迎。七、所有标签皆有源，只是默认各不同，span是无极，无极生两 阅读全文
摘要：
今天天外飞仙起早了，收集个插件分享大家—DD_belatedPNG插件,可以让图像透明，这个方案只需要一个理由,就是它支持backgrond-position与background-repeat.这是其他js插件不具备的.同时DD_belatedPNG还支持a:hover属性,以及<img>。原理这个js插件使用了微软的VML语言进行绘制,而其他多数解决PNG问题的js插件用的是AlphaImageLoader滤镜.使用方法1.在这里下载DD_belatedPNG.js文件.http://dillerdesign.com/experiment/DD_belatedPNG/#down 阅读全文
摘要：
CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的所需载入时间基本是差不多的，所以无需顾忌这个问题。加速的关键，不是降低重量，而是减少个数。传统切图讲究精细，图片规格越小越好，重量越小越好，其实规格大小无所谓，计算机统一都按byte计算。客户端每显示一张图片都会向服务器发送请求。所以，图片越多请求次数越多，造成延迟的可能性也就越大。CSS Sprites其实就是把网页中一些背景 阅读全文
摘要：
用jquery好久了，平时注重速度，兼容的，用人家网上共享的插件多。今天晚上就自己写个插件吧，便于以后方便查阅。1，首先得想好需要什么功能，想实现神马？最近逛淘宝商城，哦不，现在该叫天猫了，真不习惯啊，原来名字好好，改什么嘛。刚写Jquery也不好写太复杂的，选个简单的，看中那天猫中的鼠标移动到图片那边透明度提高，移除图片透明降低，那个吧。2，需要用到什么属性呢？css需要opacityjavascript需要hover3,人家的插件都有一个固定的框架，咱拿来吧(function($){$.fn.yourName = function(options){ //各种属性、参数 } var opt 阅读全文
摘要：
公司的项目在老总的IE9下无法正常访问了。哎，苦逼啊。本以为搞定了IE6,7,8,firefox,chrome,safari，opera，就行了。尼玛的单独一个IE6就够咱折腾会了。以前没有IE9的时候，为了照顾ie8就写个<meta http-equiv=X-UA-Compatible content=IE=EmulateIE7>强制使IE8浏览器使用IE7模式渲染。昨天看淘宝页面源代码<meta http-equiv=”X-UA-Compatible” content=”IE=7, IE=9″>加了个。不知用意，请教高人好多都不清楚。查阅资料发现，那个是英文的，基础 阅读全文
摘要：
大家都知道jquery版本有好多，之间冲突很纠结。比如我刚来这公司的时候，后端的哥们用的是jQuery 1.3.2,我了个去，那哥们好久没更新了。我写的效果插件都是最新的jquery1.8。不兼容蛋疼啊，参考前人资料，看书。找到一个和平共处<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js”></script><script type=”text/javascript”>var j = jQuery.noConf 阅读全文
摘要：
最近看javascript权威指南，感觉自己以前对javascript认识的太过于肤浅。有好多方面，很欠缺。比如对作用域来说。大家都知道一个变量的作用域(scope)是程序中定义这个变量的区域。全局(global)变量的作用域是全局性的，在javascript中，它的存在都有定义。而在函数之内声明的变量，就只在函数体内部有定义。它们是局部(local)变量，作用域是全局性的。函数的参数也是局部变量，它们只在函数体内部有定义。在函数体内部，局部变量的优先级比同名的全局变量高。比如给一个局部变量或者函数的参数声明的名字与某个全局变量名字一样的话，那么引用的就是那个局部变量或者函数的参数声明啦，间接 阅读全文
摘要：
好久没出现img中的空隙啦平时写全局样式的时候很注意用到什么标签及时的内外边距清零该清除浮动的，必定手不软的clear:both昨天遇到img图片在ie下有有空隙其他的浏览器都好好，就是ie中出现老纠结的，检查的好一会发现img中只清除border在线效果DEMO 仅IE看哦亲爱的朋友，你晓得如何解决吗？一般有两个方法1，img{float:left}2,img{display:block}上面的方法随便用哪包你药到病除那个IE中img空隙将不复存在。偶耶原文地址 前端开发 http://www.jqueryba.com/63.html 阅读全文