随笔分类 -  CSS/Html/JavaScript

摘要:通过jQuery内置的AJAX功能,直接访问后台获得JSON格式的数据,然后通过jQuer把数据绑定到事先设计好的html模板上,直接在页面上显示。我们先来看一下html模板:<tableid="datas"border="1"cellspacing="0"style="border-collapse:collapse"><tr><th>订单ID</th><th>客户ID</th><th>雇员ID</th><th& 阅读全文
posted @ 2013-06-08 15:03 AIの海雅 阅读(177) 评论(0) 推荐(0)
摘要:<!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="text/html; charset=utf- 阅读全文
posted @ 2013-03-22 10:22 AIの海雅 阅读(336) 评论(0) 推荐(0)
摘要:E令人咬牙切齿的bug不胜枚举,其中IE6更是臭名昭著,令人发指。1、IE6下无法显示png格式的透明信息这个bug是众多网页设计师的噩梦,虽然可以采用gif代替,但是gif的表现力实在有限,单是阴影就无法完美显示了,这无疑给网页的表现力下了一个档次。解决方案:img{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(...);}主要利用IE滤镜来解决png无法透明的问题。接下来来看第二种解决方案:js点此下载上面是jquery用于解决这个bug的插件,强烈推荐!2、IE6下遮罩层无法覆盖选择框解决这个bug请看我之前写的一篇 阅读全文
posted @ 2012-11-18 22:45 AIの海雅 阅读(151) 评论(0) 推荐(0)
摘要:div+css 布局下兼容IE6 IE7 FF常见问题 收藏所有浏览器 通用 (市面上主要用到的IE6 IE7 FF)height: 100px;IE6 专用_height: 100px;IE6 专用*height: 100px;IE7 专用*+height: 100px;IE7、FF 共用height: 100px !important;一、CSS 兼容以下两种方法几乎能解决现今所有兼容.1, !important (不是很推荐,用下面的一种感觉最安全)随着IE7对!important的支持, !important 方法现在只针对IE6的兼容.(注意写法.记得该声明位置需要提前.)代码:&l 阅读全文
posted @ 2012-09-21 10:31 AIの海雅 阅读(192) 评论(0) 推荐(0)
摘要:如果你是一个Logo设计者或兴趣了解Logo设计,毫无疑问你想看到一些很好的设计实便,这些设计都来自最好的Logo设计师,能够激发你的设计灵感。下面这11个站点里面收集了来自各个国家的优秀设计师的Logo设计杰作。Carbonmadewww.carbonmade.com 是一个设计类的社交网站,设计者们可以发布他们各种形式的设计作品在上面展示和分享. 这个网站拥有400个设计师展示的Logo设计. 它是一个寻找Logo设计灵感的佳选之地。LogoPondwww.logopond.com是一个Logo设计收集网站,你可以提交分享你自己的创作或只是浏览它们,吸取灵感。Logokewww.logok 阅读全文
posted @ 2012-07-30 13:53 AIの海雅 阅读(1530) 评论(0) 推荐(0)
摘要:Nick La 制作了另伟大的教程。Nick La向我们展示了如何装饰,而无需编辑源图像的图像和照片画廊。诀窍是很简单。所有你需要的是一个额外的标签和应用背景图像创建的叠加效应。它是非常容易和灵活的风格,拥有超过20种,从一个简单的图像图标圆角的一个屏蔽层(装饰性和复杂)。要改变的外观和感觉,只需编辑span元素的CSS规范。为了显示它是如何灵活,Nick La创造了15种不同的风格,为我们的例子(注意HTML标记是相同的)。项目网站:http://webdesignerwall.com/tutorials/css-decorative-galleryDEMO地址:http://www.web 阅读全文
posted @ 2012-07-27 17:59 AIの海雅 阅读(319) 评论(0) 推荐(0)
摘要:简介这一次,我们正在创造一个有用的设置与对CSS3的多重背景和动画的力量动画按钮。通过此按钮包,您可以很容易地变成一个动画按钮,在您的网页上的任何链接只是指定一个类名。没有必要JavaScript。四色主题和三个大小也可通过分配额外的类名。HTML要打开网页上的常规链接成一个奇特的动画CSS3的按钮,你只需要到指定的按钮类和支持的颜色之一。请参阅下面的一些例子:123<a href="#" class="button blue big">Download</a><a href="#" class=&quo 阅读全文
posted @ 2012-07-27 12:52 AIの海雅 阅读(2538) 评论(3) 推荐(5)