
css
cdefg198
这个作者很懒,什么都没留下…
展开
-
AlertBox 弹出层(信息提示框)效果
http://www.cnblogs.com/cloudgamer/archive/2010/10/11/AlertBox.html原创 2011-08-05 20:06:32 · 589 阅读 · 0 评论 -
子元素使用float后使父元素有高度的方法
一般我们会这样写HTML代码:123div> divstyle="float:left;">testdiv>div>这样往往使得父级DIV没有高度,一般我们可以通过以下几种方法使得父级DIV也有高度:1、给父级DIV也加上float;2、给父级DIV加上height;3、在子级DIV后转载 2012-11-08 10:32:44 · 1445 阅读 · 0 评论 -
Iframe中,弹出层屏幕垂直居中
iframe中,滚动条在父页面,弹出层屏幕居中: $( this ).css( "top", (window.screen.availHeight - this.offsetHeight - 100) / 2 + parent.pageYOffset);window.screen.availHeight:屏幕高度,this.offsetHeight:弹出层的高度原创 2012-11-29 14:56:23 · 10050 阅读 · 0 评论 -
display:inline-block的几个应用及bug
和大家一样经常使用display:inline和display:block来进行块元素(block element)和内联元素(inline element,也叫行内元素)之间的转换。块元素和内联元素的主要区别:1.块元素会自动在末尾加一个换行,而内联元素不会,多个内联元素会自动排成一行,比如img标签或span标签插到一行文字中,他会和这行文字自动排成一行,而如果你在这行文字中插入一个块转载 2012-11-16 16:06:33 · 937 阅读 · 0 评论 -
瀑布流
$(document).ready(function () { $('#_content').BlocksIt({ numOfCol: 3, blockElement: 'table' }); });_content布局样式必须有:position:relative;table是下面的子集转载 2012-11-19 15:57:29 · 770 阅读 · 0 评论 -
开源的ol.loading遮罩插件
ol.loading是基于jquery的loading mask遮罩控件,轻量,且功能强大。支持主流浏览器:ie6+,firefox等。基于MIT和GPL协议下开源。使用方法:加载需要支持的类库:调用:var loading=new ol.loading({id:"table1"});//初始化对象loading.show();//显示遮罩loading.hid转载 2012-11-20 16:49:19 · 3806 阅读 · 0 评论 -
超全超实用的Javascript类库和jQuery插件大全之一:Web印刷排版
如果你需要解决一些开发中遇到的技术问题的话,很可能会找到一些相关的javascript类库或者是jQuery插件来实现。这样实用的类库或者jQuery插件往往是你应该时常收集并且保存的,特别是如果你不希望自己去处理不同浏览器的兼容性问题的话,使用现成的javascript类库或者是jQuery插件往往能够帮助你提高开发效率。使用javascript类库可能并不一定是最好的选择,很多情况1下转载 2012-12-11 16:57:44 · 1341 阅读 · 0 评论 -
各种图表控件推荐和对比评测
下面推荐几篇各种类型(asp.net,flash,Java,金融,ActiveX)的图表控件的对比文章,对选型尤其有帮助:asp.net下的图表选择简介:Ms Chart 和FunsionCharts主流Flash图表控件对比 AnyChart vs FusionChartsFusionCharts & Open Flash Chart选型分析F转载 2012-12-13 17:28:42 · 826 阅读 · 0 评论 -
几种常见的DIV边框样式
边框样式 无边框 点线式边框 破折线式边框 直线式边框 双线式边框 槽线式边框 脊线式边框 内嵌效果的边框 突起效果的边框转载 2012-12-14 13:36:50 · 1768 阅读 · 0 评论 -
16 款基于jQuery的图片缩放效果插件推荐
jQuery很强大,你可以使用它来实现任何你想要实现的效果。今天为大家推荐一些图像缩放效果插件。1. Zoomer Gallery该插件可以将你的图片列表转换成漂亮的画廊,这个画廊带有像Flash一样缩放图片的效果。Zoomer Gallery 插件令你的界面看起来简单美观。它的大小为2KB,使用起来非常方便。2. Jcrop使用Jcrop可以轻松为转载 2012-12-18 10:55:30 · 1944 阅读 · 0 评论 -
扩展Twitter Bootstrap的JavaScript插件
Bootstrap是著名的社交网站、微博的先驱Twitter在2011年8月推出的开源WEB前端框架,集合CSS和HTML,使用了最新的浏览器技术,为快速WEB开发提供了一套前端工具包,包括布局、网格、表格、按钮、表单、导航、提示等等。使用Bootstrap可以构建出非常优雅的前端界面,而且占用资源非常小。虽然Bootstrap自带很多JavaScript插件,但是一些常用的控件却没有。比如:转载 2012-12-19 10:46:57 · 9482 阅读 · 0 评论 -
css内容溢出显示省略号
text-overflow:ellipsis; white-space:nowrap; overflow:hidden;只测试了chrome 23,ff 17.0.1,Ie 7\8\9\10原创 2013-01-04 17:43:23 · 818 阅读 · 0 评论 -
20121214收藏
artDialog:http://aui.github.com/artDialog/Runjs:runjs.cnhttp://www.alloyteam.comWeb常用UI库 kissy:https://github.com/kissyteam/kissyNej:http://nej.netease.com/OperaMasks-UI:http://u原创 2012-12-14 17:02:09 · 960 阅读 · 0 评论 -
网页字体选择
选择Web安全字体安全字体,指的是在所有的浏览器中都能正常显示的字体,浏览器的字体是从系统中调用的,安全字体也就是所有操作系统默认都安装了的字体。对于英文的Web安全字体有以下19种:1.ArialCSS写法:font-family: Arial, Helvetica, sans-serif;2.Arial Black转载 2013-03-07 11:07:56 · 1397 阅读 · 0 评论 -
Iframe高度自适应(兼容IE/Firefox、同域/跨域)
Iframe高度自适应(兼容IE/Firefox、同域/跨域)在实际的项目进行中,很多地方可能由于历史原因不得不去使用iframe,包括目前正火热的应用开发也是如此。随之而来的就是在实际使用iframe中,会遇到iframe高度的问题,由于被嵌套的页面长度不固定而显示出来的滚动条,不仅影响美观,还会对用户操作带来不便。于是自动调整iframe的高度就成为本文的重点。采用JavaScri转载 2012-09-27 14:38:19 · 1519 阅读 · 0 评论 -
关于li:hover伪类,以及各种除了a:hover在IE6下不生效的解决办法.
只需引用一个文件就行:csshover3.htc(下载地址:http://www.xs4all.nl/~peterned/htc/csshover3.htc,如果失效,点击下载)调用代码.放到中间:body { behavior:url("csshover3.htc"); }转载 2012-08-13 12:57:17 · 940 阅读 · 0 评论 -
JavaScript 解决 IE6 不支持 li:hover 的方法
网页上的任何一个元素都可以带鼠标悬浮效果。firefox 和 IE7 以上版本都可以直接加上 div:hover, li:hover 就可以让鼠标悬浮出效果了,但 IE6 不行,这时需要一段 JavaScript 代码来搞定。JavaScript Code: sfHo原创 2011-08-06 21:09:06 · 2540 阅读 · 0 评论 -
您未必知道的Css技巧
1. 关于background的写法DIV.comment{background:#f0f0f0 url(url address) repeat-x left top}1)您可以看到background的第一个定义是一个颜色值这表示在背景图片失效的时候颜色将起转载 2011-08-12 11:04:17 · 381 阅读 · 0 评论 -
js文字上下滚动+左右滚动兼容FF/IE
上下: 文字上下滚动 *{margin:0;padding:0;font-size:12px;} a{color:#333;text-decoration:none}原创 2011-08-18 10:06:55 · 3892 阅读 · 0 评论 -
iframe自适应高度
//** iframe自动适应页面 **////输入你希望根据页面高度自动调整高度的iframe的名称的列表//用逗号把每个iframe的ID分隔. 例如: ["myframe1", "myframe2"],可以只有一个窗体,则不用逗号。//定义iframe的IDva转载 2011-09-19 11:03:26 · 703 阅读 · 0 评论 -
关闭弹出窗体,刷新父页面
功能: 点击页面A,隐藏页面A的内容(如果是在动态网页中,弹出窗体做修改会用到,这里是静态页面用隐藏内容来做演示) 弹出页面B,在页面B做修改后,关闭页面B,刷新页面A的数据。 原理: 在页面B的退出事件中,让父窗体的地址重新转载 2011-08-25 17:07:10 · 2289 阅读 · 0 评论 -
网站建站教程 | HTML教程 | CSS教程 | JavaScript教程
网站建站教程 |HTML教程 |CSS教程 |JavaScript教程 这个网站内容不错,当资料查询。原创 2011-08-25 17:24:31 · 823 阅读 · 0 评论 -
【转】兼容firefox的问题 event is not defined
FF下不能通过window.event来获取event的对象,处理这个问题真是一个麻烦。今天找到一种比较妥善的方法,记录如下:1、对于单函数tc.tbl.onmouseover=function(eventTag){var event=eventTag||window转载 2011-09-27 19:43:40 · 10433 阅读 · 1 评论 -
css选择器命名规则:差异及可能产生的问题
网页制作Webjx文章简介:W3C CSS2.1的 4.1.3 节中提到:标识符(包括选择器中的元素名,类和ID)只能包含字符[a- zA-Z0-9]和ISO 10646字符编码U+00A1及以上,再加连字号(-)和下划线(_);它们不能以 数字,或一个连字号后跟数字为开头。它们还可以包含转义字符加任何ISO 10646字符作为一个数操作系统版本:Windows 7浏览器版本:IE6,IE转载 2011-11-12 15:02:25 · 677 阅读 · 0 评论 -
jQuery dataTables 的使用
jQuery 的插件 dataTables 是一个优秀的表格插件,提供了针对表格的排序、浏览器分页、服务器分页、筛选、格式化等功能。dataTables 的网站上也提供了大量的演示和详细的文档进行说明,为了方便学习使用,这里一步一步进行说明。首先,需要到 dataTables 的网站 http://www.datatables.net/ 下载这个脚本库,目前最新的版本是 1.8.2转载 2012-01-06 20:11:37 · 56356 阅读 · 8 评论 -
5款免费的优秀网站配色方案工具
1. Kuler Kuler是一款倍受专业网页设计人员喜爱的工具,它在配色方案中增加了社会化媒体和网络因素,设计人员使用Adobe注册账号登陆后可以创建调色板并且互相分享,也可以根据自己的需求修改别人的调色板。颜色显示格式包括RGB,CMYK,LAB和HSV。2. Color Palette Generator创作灵感有时候来的很突然,也许偶然在网上看到的一张图片就转载 2012-01-17 09:45:39 · 636 阅读 · 0 评论 -
[转] 更简洁的 CSS 清理浮动方式
清理浮动有很多种方式,像使用 br 标签自带的 clear 属,使用元素的 overflow,使用空标签来设置 clear:both 等等。但考虑到兼容问题和语义化的问题,一般我们都会使用如下代码来清理浮动。/* 清理浮动 */.clearfix:after { visibility:hidden; display:block; font-size:0; content转载 2012-02-04 09:29:17 · 528 阅读 · 0 评论 -
Google和百度、雅虎的站内搜索代码
对于一个网站来说,使用搜索引擎来进行站内搜索往往比自己编写的站内搜索更高效,并且不占用网站服务器的资源,下面是我搜集到的几个主要搜索引擎(Google和百度、雅虎)的站内搜索代码,使用时只需要将代码里的"www.yishang.info"替换成你的网址即可。 下面是转载 2012-02-25 13:29:14 · 2416 阅读 · 0 评论 -
CSS框架960Grid从入门到精通一步登天
闲言少叙,废话不说,直入正题:http://960.gs/1、什么是CSS框架? CSS框架是一种你能够使用在你的web项目中概念上的结构,是别人已经写完的,而且很完善的CSS定义集合。CSS框架一般是CSS文件的集合,包括基本风格的字体排版,表单样式,表格布局等等,比如: * grid.css 表格布局 * layout.css 布局 * fo转载 2013-02-25 16:20:15 · 737 阅读 · 0 评论