CSS
mituan1234567
今天比昨天更好明天比今天更好为此不屈不挠地工作勤勤恳恳地经营孜孜不倦地修炼我们人生的目的和价值就是这样确确实实地存在着
展开
-
CSS3圆角详解
http://www.ruanyifeng.com/blog/2010/12/detailed_explanation_of_css3_rounded_corners.htmlCSS3是样式表(style sheet)语言的最新版本,它的一大优点就是支持圆角。网页设计大师Nicholas Zakas的最新文章,清晰易懂地解释了CSS3圆角的各个方面,非常值得学习。以下就是我翻译转载 2013-09-01 19:12:41 · 489 阅读 · 0 评论 -
JS分页代码
http://www.aichengxu.com/article/Javascript/1009_7.htmlJS分页、JS分页代码分享,有需要的收藏下。 代码如下: function setPage(opt){ if(!opt.pageDivId || opt.allPageNum < opt.curpageNum || opt.allPageNum < opt.show转载 2013-09-12 10:38:47 · 880 阅读 · 0 评论 -
JQuery加载图片自适应DIV大小
http://www.aichengxu.com/article/Javascript/1237_7.html如何在固定大小的div中放置一个图片,当图片较小时显示实际大小,当图片超过div 大小时图片 自动适应div 的大小 jquery图片自适应大小实现过程的主要代码: 代码如下: .divImg{ max-height:200px; max-width:200px;转载 2013-09-12 10:47:45 · 2092 阅读 · 0 评论 -
7种JS脚本分页代码 showPages v1.0
http://www.lanrentuku.com/js/website-569.html?page=2http://www.makewing.com/" />懒人图库body {font-size: 12px;}/* Pages Main Tyle */.pages { color: #000000; cursor: default;转载 2013-09-12 12:52:51 · 1043 阅读 · 0 评论 -
JQuery实现鼠标滑过显示下拉列表
http://www.aichengxu.com/article/Javascript/276_7.html当网站导航栏项目很多的时候,我们往往是将同一级目录下的栏目先隐藏起来。当用户的鼠标滑过时则显示出来。这就是用javascript实现的一个导航栏下拉列表。豆芽一步步给大家讲解。值得注意的是我们使用的是Javascript的一个框架Jquery来实现的。所以,你在使用的时候必须要下载Jqu转载 2013-09-12 10:30:46 · 2925 阅读 · 0 评论 -
鼠标经过时,改变div块的背景色
http://www.aichengxu.com/article/Javascript/40_7.html鼠标经过时,改变div块的背景色的实现代码,当然也可以用css实现。HTML部分代码: 鼠标经过时改变背景色 鼠标经过时改变背景色 鼠标经过时改变背景色 鼠标经过时改变背转载 2013-09-12 10:10:12 · 1882 阅读 · 0 评论 -
全方位清理浮动(解决浮动元素的父元素自适应高度)
http://blog.csdn.net/wwwyan/article/details/5611098按照CSS规范,浮动元素(floats)会被移出文档流,不会影响到块状盒子的布局而只会影响内联盒子(通常是文本)的排列。因此当其高度超出包 含容器时,一般父容器不会自动伸长以闭合浮动元素。但是有时我们却需要这种自动闭合行为,具体如何处理呢?下面是几种处理问题的方法:1、转载 2013-09-16 10:42:41 · 699 阅读 · 0 评论 -
CSS怎样去除列表默认的边距
简单方法:ul左侧边距设定及div中每行实现虚线body,div,ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input{ margin:0; padding:0;}h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}ol,ul{ list-s转载 2013-09-16 11:16:13 · 2719 阅读 · 0 评论 -
父容器不根据内容自适应高度的解决方法
http://blog.csdn.net/wwwyan/article/details/5611197Div即父容器不根据内容自适应高度的解决方法Div即父 容器不根据内容自适应高度,我们看下面的代码:当Content内容多时,即使main设置了高度100%或auto。在不同浏览器下还是不能完好的自动伸展。内容的高度比较高了,但容器main的高 度还转载 2013-09-16 10:47:38 · 764 阅读 · 0 评论 -
CSS 的优先级机制[总结]
http://www.cnblogs.com/xugang/archive/2010/09/24/1833760.html样式的优先级多重样式(Multiple Styles):如果外部样式、内部样式和内联样式同时应用于同一个元素,就是使多重样式的情况。一般情况下,优先级如下:(外部样式)External style sheet 有个例外的情况转载 2014-02-24 21:13:53 · 541 阅读 · 0 评论 -
CSS自动竖向排列的布局方法
CSS自动竖向排列的布局方法,像电脑桌面的图标一样,自动竖着排,排满一列后重新进行下一列排序。方法有很多,有人用JS,有人用CSS,不管什么样的方法,简单、兼容就是好代码,本代码仅供参考。http://www.codefans.net/jscss/code/2856.shtml#mainBox{border:1px #f00 solid;width:300px;转载 2014-03-16 10:56:16 · 13248 阅读 · 0 评论 -
如何使iframe自适应高度和宽度
http://blog.163.com/yan_1990/blog/static/1978051072011112322811502/假设页面中包含iframe的部分代码如下:http://blog.sina.com.cn/u/1463420203" width="100%" height=0>方法一:在页面中加入 document.all("t转载 2014-07-01 18:15:23 · 1019 阅读 · 0 评论 -
iframe用法总结
http://qindingsky.blog.163.com/blog/static/31223362007659856937/是框架的一种形式,也比较常用到。 例子1。不用多说了。 width插入页的宽;height插入页的高;scrolling 是否显示页面滚动条(可选的参数为 auto、yes、no,如果省略这个参数,则默认为auto);fra转载 2014-07-01 18:11:44 · 476 阅读 · 0 评论 -
css鼠标样式cursor介绍(鼠标手型)
http://www.17jquery.com/div_css/55815/CSS鼠标样式语法如下:任意标签中插入 style="cursor:*" 例子:文本或其它页面元素 文本或其它页面元素 注意把 * 换成如下15个效果的一种:下面是对这15种效果的解释。移动鼠标到解释上面,看看你的鼠标起了什么变化吧!hand是手型 例子:CSS鼠标手转载 2014-07-01 19:01:07 · 23797 阅读 · 0 评论 -
纯css制作的漂亮好看的进度条
http://www.jb51.net/css/27189.html new document .process-bar { width:100px; display:inline-block; *zoom:1; } .pb-wrapper { border:1px solid gray; border-style:s转载 2015-04-12 14:49:03 · 1156 阅读 · 0 评论 -
jquery设置DIV显示和隐藏
http://www.aichengxu.com/article/Javascript/908_7.html今天一朋友问我 点击一按钮弹出一个DIV,然后要求点击页面其它地方隐藏这个DIV。 实现jquery隐藏div、js隐藏div也很简单,但需要注意的是,在点击显示的事件中,需要做阻止事件冒泡的处理,否则就触发页面的点击事件了。 但这样做也有一个缺点,即如果同一个页面中转载 2013-09-12 10:21:03 · 1478 阅读 · 0 评论 -
JS鼠标滑过图片时切换图片
http://www.aichengxu.com/article/Javascript/277_7.html在很多网站上我们会发现当鼠标滑过一张图片后,这张图片切换为了另外的一张图片。这里豆芽说说这是怎么实现的。在写Javascript代码前我们必须要有实验的HTML代码Jquery deal images//这里是JS代码 ,下面豆芽会写上//-->转载 2013-09-12 10:18:30 · 2841 阅读 · 0 评论 -
CSS之Position详解
http://www.cnblogs.com/Zigzag/archive/2009/02/19/position.htmlCSS的很多其他属性大多容易理解,比如字体,文本,背景等。有些CSS书籍也会对这些简单的属性进行大张旗鼓的介绍,而偏偏忽略了对一些难缠的属性讲解,有避重就轻的嫌疑。CSS中主要难以理解的属性包括盒型结构,以及定位。正如positioniseverything,本文转载 2013-09-01 18:24:42 · 405 阅读 · 0 评论 -
理解绝对定位和相对定位布局
http://pewper.blog.163.com/blog/static/2970860820105115203398/?suggestedreading&wumii概要:本文主要描述XHTML中相对定位和绝对定位各自的本质、用法、区别和两者之间的关系。以及使用CSS的Left、Right、Top、Bottom属性(偏移属性)和Margin属性(外边距)对定位块级元素进行布局的转载 2013-09-07 10:14:54 · 710 阅读 · 0 评论 -
margin负值-权威指南
http://www.csswang.com/exp/cssexp/3863.html在1998年CSS2的建议使用CSS进行页面设计布局,table就渐渐淡出了历史舞台。也因为如此,CSS也变成了编码优雅的代名词。页面设计者用过的所有CSS概念中,margin常被设计者使用,而负margin应当是最少被谈及的定位方法,margin每个人都使用它,但很少人去讨论它。1、使用转载 2013-09-07 21:12:08 · 771 阅读 · 0 评论 -
纯CSS简洁的TAB切换效果代码
http://www.111cn.net/js_a/javascript/38476.htmhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"> 纯CSS简洁的TAB切换效果 body, div, ul, li { margin:0转载 2013-09-02 15:22:31 · 834 阅读 · 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; }2、只显示一个方向的梯形转载 2013-09-07 17:15:53 · 690 阅读 · 0 评论 -
opacity -- 不透明度
http://blog.sina.com.cn/s/blog_48e6792c01010eog.htmlopacity -- 不透明度取值: | inherit: 透明度取值(取值范围[0.0,1.0])inherit: 继承初始值: 1(不透明)继承性: 是CSS3提出opacity属性示例div { opacity: 0.5; } opac转载 2013-09-08 08:53:04 · 642 阅读 · 0 评论 -
CSS 图像透明度 CSS opacity
http://www.w3school.com.cn/css/css_image_transparency.aspimg{opacity:0.4;filter:alpha(opacity=40); /* For IE8 and earlier */}img:hover{opacity:1.0;filter:alpha(opacity=100)转载 2013-09-08 09:03:31 · 779 阅读 · 0 评论 -
网页设计:CSS中元素水平居中显示的方法
http://homepage.yesky.com/301/8745301.shtml用CSS让元素居中显示并不是件很简单的事情。同样的CSS居中设置在不同浏览器中的表现也各有千秋。本文就介绍了在CSS中常见的几种让元素水平居中显示的方法。 1.使用自动外边距实现居中 CSS中首选的让元素水平居中的方法就是使用margin属性—将元素的margin-left和mar转载 2013-09-08 21:25:53 · 924 阅读 · 0 评论 -
CSS背景图坐标定位详解,为什么会有负数?
http://bbs.189works.com/thread-62215-1-1.html背景图像定位中我们要明确的几点: 1、两个值前面一个是横向的定位,我们称为x轴方向定位。后面一个值是纵向的定位,我们称为y轴方向定位。如果只有一个值,那默认的就是x轴方向,这时y轴方向就默认的是上下居中对齐,也就是center。 2、坐标轴的原点就是对应容器的左顶点。转载 2013-09-07 21:48:50 · 3538 阅读 · 0 评论 -
JavaScript 图片滑动切换效果
http://www.cnblogs.com/cloudgamer/archive/2008/07/06/SlideTrans.html序一(08/07/06)看到alibaba的一个图片切换效果,感觉不错,想拿来用用。但代码一大堆的,看着昏,还是自己来吧。由于有了做图片滑动展示效果的经验,做这个就容易得多了。序二(09/03/19)自写了Tween缓动之后就很想重新写过这转载 2013-09-02 16:13:11 · 662 阅读 · 0 评论 -
css如何实现数字换行效果
http://www.163css.com/hihilinxuan/log/634178061686107539.html最近在为longevity distributing公司做项目,这个网站的效果挺炫丽的,目前的访问网址是:http://long.jmeii.com;以下是截图:在制作的过程中,我碰到了一个常见的问题,商城那一块,产品的ID长度非常长,我已经给表格写转载 2013-09-09 22:02:24 · 1340 阅读 · 0 评论 -
一款经典简洁的CSS滑动门代码
http://www.codefans.net/jscss/code/111.shtml滑动门*{font-size:12px;}html,body{margin:0;text-align:center;over-flow:hidden;height:100%;width:100%;}UL{list-style-type:none; margin转载 2013-09-04 22:20:20 · 817 阅读 · 0 评论 -
用DIV+CSS实现图文混排与文字列表一起显示
http://www.mhzg.net/a/20113/2011371047087.html演示效果截图 用到的图片 CSS代码*{ padding:0px; margin:0px;}body{ font-size:12px; line-height:150%; color:#666666}a{ color:#003399; text-decorati转载 2013-09-11 22:27:55 · 5045 阅读 · 1 评论 -
css3:animate使用踩坑
http://www.cnblogs.com/guorui-gr/archive/2012/12/07/2807359.html好久没更新blog,上次发文(11月8日)到现在刚好一个月,期间项目上的东西比较多,一时觉得时间比较紧,没来得及更新。这个星期总算是告一段落,补上几篇技术性的文章。好吧,第一篇是关于css3动画的使用。 昨天突然看到jing.fm(这个音乐网站非常不转载 2015-04-12 14:10:51 · 858 阅读 · 0 评论