【前端技术】 css ie6,ie7,ie8 兼容性写法,CSS hack写法
05 08 2016
css ie6,ie7,ie8 兼容性写法,CSS hack写法

margin-bottom:40px; *ff的属性* margin-bottom:140px 9; *IE6 7 8的属性* color:red 0; *IE8支持* *margin-bottom:450px; *IE6 7的属性* + 若浏览器为FireFox,那么color:red;若浏览器为IE8,根据CSS优先性原则,color:blue;若为IE7,color:orange;若为IE6,则color:green。第一招:给常用CSS规定属性值。 body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,form,input,p,th,td{margin:0;padding:0;}上面的建站常用代码就相是格式化CSS样式,让各浏览器按照我们设置的属性值渲染网页第二招:

           
【前端技术】 JS代码判断IE6,IE7,IE8,IE9!
05 08 2016
JS代码判断IE6,IE7,IE8,IE9!

JS代码判断浏览器版本,支持IE6,IE7,IE8,IE9!做网页有时候会用到JS检测IE的版本,下面是检测Microsoft Internet Explorer版本的三种代码第一种方式var browser=navigator appName var if(browser== "Microsoft Internet Explorer " && trim_Version== "MSIE6 0 ") version=b_version split( "; "); alert( "IE 6 0 "); } else if(browser== "Microsoft Internet Explorer " && trim_Version== "MSIE7 0 ") alert( "IE 7 0 "); else if(browser== "Microsoft Internet Explorer " && trim_Version== "MSIE8 0 ") else if(browser== "Microsoft Inter

           
【前端技术】 各类程序员学习路线图
05 07 2016
各类程序员学习路线图

程序猿是一种非常特殊的、可以从事程序开发、维护的动物。一般分为程序设计猿和程序编码猿,但两者的界限并不非常清楚,都可以进行开发、维护工作。前端工程师基础:HTML教程, CSS教程进阶:Javascript,jQuery高级AJAX 教程,JSON 教程,XML 教程框架扩展学习:Bootstrap 教程,jQuery UI 教程,jQuery EasyUI 教程,jQuery Mobile 教程调试工具:Firebug 教程开发工具:HBuilder,Dreamweaver,Notepad++,PhotoshopPHP 工程师基础:HTML教程,PHP 教程进阶:SQL 教程,MySQL 教程高级:正则表达式教程,Mongodb教程

           
【前端技术】 JQuery移除事件
28 04 2016
JQuery移除事件

unbind(type [,data]) data是要移除的函数$( btn ) unbind( "click "); 移除click$( btn ) unbind(); 移除所有 对于只需要触发一次的,随后就要立即解除绑定的情况,用one()$( btn ) one( "click ",function(){ }); 模拟操作可以用trigger()方法完成模拟操作$( btn ) trigger( "click "); $( btn ) click();触发自定义事件$( btn ) bind( "myclick ",function(){ });$( btn ) trigger( "myclick "); 传递数据 trigger(type [,data])$( btn ) bind( "myclick ",function(event,message1,message2{ });$( btn ) trigger( "myclick ",[ "传给message1 ", "传给message2 "]);执行默认操作$( "input ") trigger( "focus "); 不仅会触发input元素绑定的focus事件,还会触发默认操作——得到焦点。

           
【前端技术】 JS判断是否为手机访问
20 03 2016
JS判断是否为手机访问

现在手机已经嵌入了我们生活的方方面面。所以,手机网站自然也成了主流。在完成一个PC网站和手机wap网站后,我们要做的就是判断它的访问类型。如果是手机,则转向手机页面,如果是电脑,则正常访问。这样才能更大程度上提高客户的体验度。废话不多说,直接贴代码。这段代码是本网站正在使用的,拿出来奉献给大家。var mobileAgent= new Array( "iphone ", "ipod ", "ipad ", "android ", "mobile ", "blackberry ", "webos ", "incognito ", "webmate ", "bada ", "nokia ", "lg ", "ucweb ", "skyfire ");var browser = navigator userAgent toLowerCase(); var isMobile = false; for (var i=0; i alert(mobileAgent[i]);

           
【前端技术】 网页顶部线形页面加载进度条
23 02 2016
网页顶部线形页面加载进度条

今天有朋友问我网页顶部线形loading怎么来实现。那么关于这个问题,写这篇文章来探讨下这个东西的实现方式。它的实现方法其实有很多。下面我会列出2种形式。一种是用简单的css3+jquery来实现的。一种是用原生JS来实现的。第一种是一个静态的实现方式,第二种则是动态的。为什么要加loading的效果一款好的产品,都需要有一个漂亮的loading界面。lodaing界面不仅能给用户带来良好的体验,而且有效的消除了程序加载等待过程中的枯躁感。loading进度条更是对当前加载进度的一个良好反馈。从0%-100%的加载进度可以有效的告知用户还有多久即可打开页面。带有进度条的loading界面在程序中并不罕见,但是在 web

           
【前端技术】 HTML中的base标签使用详解
18 02 2016
HTML中的base标签使用详解

在requireJS中,有一个属性叫baseURL,通过设置baseURL,我们可以将需要加载的文件路径写成相对于项目的,而不是相对于当前页面的。例如:假设我们的项目目录是 myproject ,里面有两个页面,一个是 myproject one html,另一个是 myproject html other html,他们都要加载 myproject js some js。如果我们将baseURL设置成 myproject ,则我们在加载该js的时候,这两个页面都可以使用相对于项目的路径 js some,而不是因为页面的路径不同而使用不同的相对路径。但是如果不使用requireJS,我们能不能实现类似于baseURL的功能呢?base标签其实,HTML中有一个base标签,可以产生类似的功能。举个例子:

           
【前端技术】 html前端网页字体设置
16 02 2016
html前端网页字体设置

以前做项目的时候就依葫芦画瓢的设置 { font-family:arial,”microsoft yahei”,simsun,sans-self; } 等类似的字体,然而当更多的设备和系统出现后,以前这样的设置已不能满足网页在各设备上的显示需求。就拿最简单的宋体(simsun)来说吧,在Windows系统下显示是一个比较容易阅读的字体,然而在Mac上简直无法直视,如下图给出一个优化前后页面的对比效果:因此,出于种种原因,促使我不得不去对字体做一个相应的了解对于网站字体设置,本文给出以下意见:移动端项目:font-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid Sans Fallback”,”Heiti SC”,sans-self;pc端(含Mac)项目

           
【前端技术】 css去掉a标签点击后的虚线框
07 02 2016
css去掉a标签点击后的虚线框

outline是css3的一个属性,用的很少。声明,这是个不能兼容的css属性,在ie6、ie7、遨游浏览器都不兼容。outline控制的到底是什么呢?当聚焦a标签的时候,在a标签的区域周围会有一个虚线的框,这个框不同于border的是,它是不占有任何宽度的。当你取消焦点的时候,这个虚线框就会自然消失。你可以通过遨游、火狐或者ie的几个版本看到。而safari、opera、goole浏览器等本身就不支持这个效果,所以看不到。这个就是a标签被聚焦后出现了虚线框,也就是outline;基本上这个是没有用的效果,大多数情况下我们会希望不要出现这种效果,于是给a标签设置outline:none;

           
【前端技术】 HTML DIV+CSS 命名规范大全
07 02 2016
HTML DIV+CSS 命名规范大全

网页制作中规范使用DIV+CSS命名规则,可以改善优化功效特别是团队合作时候可以提供合作制作效率,具体DIV CSS命名规则CSS命名大全内容篇。常用DIV+CSS命名大全集合,即CSS命名规则我们开发CSS+DIV网页(Xhtml)时候,比较困惑和纠结的事就是CSS命名,特别是新手不知道什么地方该如何命名,怎样命名才是好的方法。一、命名规则说明1、所有的命名最好都小写2、属性的值一定要用双引号( " ")括起来,且一定要有值如 class= "helloweb " ,id= "helloweb "3、每个标签都要有开始和结束,且要有正确的层次,排版有规律工整4、空元素要有结束的tag或于开始的tag后加上 " "

           
【前端技术】 CSS3动画animation
02 02 2016
CSS3动画animation

CSS中的 animation 属性可以让很多其它CSS属性产生动画效果,比如color,background-color, height, width等。当然,你需要为每个动画定义@keyframes CSS规则,animation需要调用这些@keyframes产生动画效果,比如:在每个 @keyframes CSS规则里面,我们需要定义动画发生的阶段时间和变化样式。例如,0% 表示动画的开始阶段,100% 表示动画的结束时刻。animation属性里引用 keyframes 有一种简写方式,展开来一共有8个子属性,通过它们,我们可以控制各种的动画过程。animation-name: 指定一个 @keyframes 的名称,动画将要使用这个@keyframes定义。

           
【前端技术】 jquery利用scrollLoading实现图片延迟加载
01 02 2016
jquery利用scrollLoading实现图片延迟加载

经常会遇到一个页面的加载图片很多,用户一进去就要等待很久的时间,全部耗在了图片的加载中,用户体验很不好,解决办法就是利用图片的延迟加载,只显示屏幕之内的图片,屏幕之外的不加载,只有图片的区域进入了浏览器可视窗口范围,则触发图片的加载并显示,这样的做法有两个好处,1:提高页面的加载速度;2:节省了流量。1:在页面引入jquery库文件<script type= "text javascript " src= "http: static w3ceasy com 6138b12ebb649f31c3bf431718a4024d 6138b12ebb649f31c3bf431718a4024d gif ">< script>

返回顶部