noonnightstorm-CSDN博客

原创 css3 翻转和旋转的区别

我以前一直以为旋转跟翻转一样，今日自己旋转了好久都发觉跟翻转差一点点，纠结了十几分钟才明白，只能怪自己的立体感太差了。 css3中的transform中有旋转，放缩，倾斜，平移的功能，分别对应的属性是：rotate，scale，skew，translate 旋转：（rotate）-webkit-transform:rotate(10deg);-moz-

2013-02-20 17:41:21 23296 3

原创使用jq和flip插件来做了一个幻灯片翻转效果小demo

我们的实验室官网终于要做了，但由于后台的部长跟前端的小妹妹写代码太慢了，我不得不插手帮他们写点小demo，所以今日无聊就找了一个不错的插件来写了，本来是找到turn.js的，因为体积比较少，而且每啥依赖，官网的demo效果是很流畅的，但自己按着它写一次，发觉很不流畅，有点像“成龙”广告的反面教材，呵呵，写出来跟看的不同。所以就找到了flip，感觉效果还不错。官网：http://jqueryu

2013-01-22 15:52:06 5438 1

原创 jq 幻灯片

今日上班一个下午用jq写了一个幻灯片，呵呵！其实挺简单的，看代码吧：html: test

2013-01-16 16:26:15 1434

原创 css border 画三角形

前几日在浏览网站中无意发觉了人家用CSS来画三角形，我觉得很有趣但不太会所以就问了一下师姐，发觉自己很无知，呵呵，原来很多人都是用这种方法画三角形的，为什么的，原因如下: （1）一张小三角形的图片可能有几百字节，不过几百字节可以写多少行代码呢？（2）图片太多会导致网页加载得会很慢先看代码吧：HTML： test

2013-01-09 22:29:44 2999

原创 CSS 透明度清除继承

今晚在写自己一个网页游戏的时候，遇到一个问题，就是CSS透明度的继承问题，我先解析下我的问题。假如father设置了透明度，那么child也会继承他的透明度，即使你修改child里面的透明度也不会生效，一位师姐叫我尝试下把透明度调到1以上，但我查了下，透明度是0到100，IE下是0到1之间，所以是行不通的。我上网查了下资料，总

2013-01-01 20:25:47 6883

原创 CSS3 由内到外(放射性)渐变

记得有个师兄在一个分享讲座中提到了由内到外渐变，为了实现这种效果，就用图片去做背景，假如加载得太多图片会使网页加载得很慢，所以有必要跟boss“吵架”！那时候我就觉得好像有点不科学，不过因为要复习所以没去探讨，今日无聊起来就自己写了个小demo，呵呵！有时候不一定要跟BOSS吵架，或许能提高自己的技术来适应boss的需求。废话不说，先看代码: html:

2012-12-20 15:34:59 10706

转载 iframe 的性能问题

这2篇文章很好地介绍了iframe的使用，以前只知道iframe的跨与问题很麻烦，确没注意到iframe的性能其实很有限，要小心使用，不然用户体验就会异常的糟糕。文章： Iframe loading techniques and performance Using Iframes Sparingly

2012-12-10 10:51:39 1183

原创模式设计（三）------状态模式

状态模式本来我还在纠结要说什么模式好，但前几天听到了一件有趣的事，有个研究生曾经把几千行的代码写在一个类里面（里面有无数个if else if else….if else，而且那些方法都在里面实现），然后编译之后根本没错，但是却把系统拖垮了？什么原因了，一位大神帮他找了很久很久都找不出错误。却在最后发觉那个类编译后的class文件大于64KB…….这警示我们写代码要有点技巧，好吧！那我就说

2012-11-30 23:06:45 364

原创模式设计（二）------单例模式

单例模式：抽象定义：顾名思义，就是只有一个实例。作为对象的创建模式，单例模式确保某一个类只有一个实例，而且自行实例化并向整个系统提供这个实例。这个类称为单例类。简介：很多人以为单例模式很简单，几行代码之内搞掂,其实这是比较2的。 Public class Test{ Privatestatic Test instance = null;Public stat

2012-11-30 23:02:22 369

原创模式设计（一）------工厂模式

-----引言：因为实验室开例会要分享点东西，我就被提议分享设计模式了，也了PPT（用HTML/CSS写的），顺便也记录下来。还有以下代码为伪代码，我用记事本随便写的，那些UML图由于时间和其他原因，没有用工具去画，只是随便P了几张图，也没有去细想，假如有错，请提醒下我这个菜鸟。(迟点有空会补上正确的UML图)

2012-11-30 22:35:43 655

原创 CSS3 和 JS 下的图片倒影效果

昨天有个同学问我会不会css的倒影效果，我朦了下，以前这种倒影效果都是设计人员帮我P的，呵呵！自己真的不会写,，所以今日故意去亲自去写写这个有趣的效果。使用css的倒影效果只能在chrome跟safari，而且它的倒影并不占据任何的空间，所以大家记得要留空一些位置给倒影显示，废话不说，先看代码：HTML： CSS：.text{ wi

2012-11-20 15:13:17 2504

原创 ajax servlet 乱码引起的思考

本来自己是写前端的，但为了帮人家做课程设计，就跑去学了一下JSP了！快完成的时候遇到了一件很郁闷的事情，就是servlet返回数据给ajax的时候乱码，都是“？？？？？”，太郁闷了，就一直上网查，很多的意见是加上就OK了！response.setHeader("Content-Type", "text/xml ; charset=utf-8");response.setCharacterEn

2012-11-16 18:51:55 566

原创使用html5 canvas 画一台小单车动画

最近一直在搞前端，不过没用过canvas，呵呵！就想试一下，也刚刚好我图形学的作业就是做一台小单车动画（不限语言），所以我就在一个蛋疼的下午写了一台很蛋疼的单车了，呵呵！样子很丑，不过可以美化，大家可以参考参考！高手勿进虐我这小菜菜，菜鸟共同分享也可以参考当课堂作业，呵呵！废话不说，先看代码: HTML:

2012-11-06 19:22:25 1631

转载兼容IE6的十条有用的修复方法

虽然IE6受到业界强烈的吐槽，不过能兼容IE6的男人是好男人，无意中看到了这篇小tips文章，所以转转！呵呵！大家无聊可以看看！1、使用一个声明你必须经常在html网页头部放置一个声明，推荐使用严格的标准。例如或者xhtml使用最后你需要是ie6进入兼容模式，这已经足够兼容的了。2、使用position: relative设置一个标签position: relative

2012-10-30 19:25:28 615

原创 css3 旋转卡效果

text 我在马路边捡到2分钱把它交给警察叔叔手里边其实很久之前就已经看见过旋转卡的的效果，开始还以为是用JS写的，原来只需要用CSS3的一些属性就OK了！今日看了一下人家的代码加上自己的理解就自己试写了一个了，跟大家

2012-10-25 23:34:44 3194 2

原创 JS延迟执行

昨晚在写点JS的时候，突然遇到了一个很奇怪的问题，调来调去都没办法解决，然后在微博上请教了一些大神，很快就解决了，然后今早又有人问了我类似的问题，现在基本解决了！今日我们来说下JS延迟的问题，我先来说下我的问题: console.log("1"); setTimeout(function(){},5000); console.log("2"

2012-10-19 16:55:57 12352

原创 html布局(position属性)和流

我很早已经在CSDN开了账户，而且看了无数很优秀的文章，下载了很多资源使用，一开始感觉自己是菜鸟，所以一直不敢写文章，今次是第一次写，我觉得凡事都会有第一步，而且以后我看回自己的博文还能看到自己成长的点点滴滴！我看了1~2个月的前端技术，还是很菜鸟，不过我只是顺便记录一下我的成长，或许这篇博文不太重要，而且很水，不过99%人懂了，或许还有1%的人不懂，能分享就好，我就抱着这

2012-10-14 13:35:03 3470 2

noonnightstorm的专栏