`
文章列表
HTML文档中小meta标签的大作用 meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的<head>与</head>中,meta 标签的用处很多。meta 的属性有两种:name和http-equiv。name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找、分类(目 前几乎所有的搜索引擎都使用 网上机器人自动查找meta值来给网页分类)。这其中最重要的是description(站点在搜索引擎上的描述)和keywords(分类关键词),所以应该给每页加一个meta值。比较常用的有以下几个: name 属性 1 ...
尽管 JavaScript 历史上使用冗长而令人生厌的代码块来标的特定浏览器的时期已经结束了,但是偶尔使用一些简单的代码块和对象检测来确保一些代码在用户机器上正常工作依然是必要的。 这篇文章中,我会略述一下 Internet Explorer 和 Firefox 在 JavaScript 语法上不同的 7 个方面。 1. CSS “float” 属性 获取给定对象的特定 CSS 属性的基本语法是 object.style 属性,而且有连字符的属性要用骆驼命名法来代替。例如,获取一个 ID 为 “header” 的 div 的 background-color 属性,我们要用如下语法: d ...
一个页面结构,多种页面展示方式(样式切换效果),收藏。
最近察觉到在FF中显示正常的页面,在ie8中并不一定正常,所以有关处理ie8的hack 技术也出现了。 解决方法:  1.‘\9’:     eg:.test { color/*\**/: blue\9 } .header {width:300px;} /* 所有浏览器*/ .header {width/*\**/:330px\9;} /* 所有浏览器IE浏览器 */ .header {*width:310px;} /* IE7和IE6能识别,IE8和FF不能识别*/ .header {_width:290px;} /* IE6能识别,IE7、IE8和FF不能识别*/ 2.利用条 ...
不知道MS啥时能把IE6给撤了。这次主要讲的是ie6不支持min-width与min-height的问题。 原则上来讲ie6会根据内容的高与度来自动调节大小的,但是有时候我们会遇到这种情况。就是想让这个层在美观方面能够让他长点或者宽点这样会更好看些,所以我们必须在他原有的内容上再多加些宽度与高度。所以就产生了我们今天这个话题。 一般我们会这样写: {      min-height:300px;/*这样其它浏览器,在这个问题上都解决了,就是ie6不能解决这个问题*/      _height:300px;    /*这样只能是暂时性的解决ie6的问题 ...

map效果

    博客分类:
  • js
一个完全用js写的一个map效果

单击弹出遮盖层

    博客分类:
  • js
一个 js遮盖层,用于弹出提示信息,介绍等。
参考网站:http://www.gmarwaha.com/  的一个JCarousel Lite 插件   先把js写出来给大家分析一下: <script type="text/javascript"> $(function() {     $(".anyClass").jCarouselLite({  /*jCarouselLite 插件是这个效果的关键*/         btnNext: ".scrillRight",  /*单击向下图片滚动*/         btnPrev: " ...
  标记一下来。   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>  <meta http-equiv="Content-Type" content="text/html; ch ...
这个毛病在FF中出现在,而且出现的频率还挺高的。 结构:    <ul>         <li><a href="#"><img src=""/></a></li>         <li><a href="#"><img src=""/></a></li>         <li><a href="#"><img src=& ...
一直把z-index与text-indent 乱混淆。所以在使用的过程中,我的那个用图片来替换文字效果老是现实不了,现在好了,我得标记下来了。 有关text-indent:    它只针对块级元素 起作用,其它的,相对于图片替换文字的效果来说,一定要将元素转换成块级元素才起作用。  
  借此收藏一个弹出式的通知窗口,借以后使用。        <a style="cursor: pointer;"           onclick='window.open ("*.html", "new", "height=800, width=800, toolbar=no, menubar=no, scrollbars=yes, resizable=yes, location=no,status=no" )'              href=&quo ...
我们编写链接标签(锚)时,单击它,它总是会出现很难看的虚线。 只要a 的样式中写个这个            a{outline:none;}/* 在 FF 中 */          a{blr:expression(this.onFocus=this.blur());}/* 在 IE 中 */ 在各种浏览器中都可以清除虚线了。
先附上代码,详细查看注释部分. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="t ...
/***** 选择器 Hacks ******/   /* IE 6 及以下 */ * html #uno { color: red }   /* IE 7 及以下 */ *:first-child+html #dos { color: red }   /* IE 7 和其它各大浏览器的最新版本*/ html>body #tres { color: red }   /* 现在各大浏览器的最新版本 (除了 IE 7) */ html>/**/body #cuatro { color: red }  
Global site tag (gtag.js) - Google Analytics