CSS 实现的图片大小自适应
作者:Aion 日期:2006-05-01 09:24
以前的解决方法主要是利用js来实现。还有一种是在外部容器定义over-flow:hidden。但这种办法只会切割图片而不会自动适用。
下面的办法的出现应该感谢伟大的css2.0和更伟大的microsoft（没有它就不必有这么啰嗦的代码了^_^）。
固定像素适应:
CODE:
百分比适应:
CODE:
下面的办法的出现应该感谢伟大的css2.0和更伟大的microsoft（没有它就不必有这么啰嗦的代码了^_^）。
固定像素适应:
CODE:
<!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=gb2312" />
<title>css2.0 VS ie</title>
<style type="text/css">
<!--
body {
font-size: 12px;
text-align: center;
margin: 0px;
padding: 0px;
}
#pic{
margin:0 auto;
width:800px;
padding:0;
border:1px solid #333;
}
#pic img{
max-width:780px;
width:expression(document.body.clientWidth > 780? "780px": "auto" );
border:1px dashed #000;
}
-->
</style>
</head>
<body>
<div id="pic">
<img src="http://www.anycc.com/pic/content/Design/Personal.Design/Angel.down.JPG" alt="感谢Anycc.com被我盗链图片！"/>
</div>
</body>
</html>
百分比适应:
CODE:
<!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=gb2312" />
<title>css2.0 VS ie</title>
<style type="text/css">
<!--
body {
font-size: 12px;
text-align: center;
margin: 0px;
padding: 0px;
}
#pic{
margin:0 auto;
width:800px;
padding:0;
border:1px solid #333;
}
#pic img{
max-width:780px;
width:expression(document.body.clientWidth>document.getElementById("pic").scrollWidth*9/10? "780px": "auto" );
border:1px dashed #000;
}
-->
</style>
</head>
<body>
<div id="pic">
<img src="http://www.anycc.com/pic/content/Design/Personal.Design/Angel.down.JPG" alt="感谢Anycc.com被我盗链图片！"/>
</div>
</body>
</html>
标签: CSS
用css实现表格元素的颜色间变
作者:Aion 日期:2006-05-01 09:21
用css实现表格行交替变色 方法一：
CODE:
用css实现表格行交替变色 方法二：
CODE:
用css实现单元格交替变色
CODE:
<style>
.db { border-collapse:collapse;}
.db tr{ background-color:expression('#dbdbdb,#EFEFEF'.split(',')[rowIndex%2]); }
</style>
<table width="100%" border="1" class="db">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
用css实现表格行交替变色 方法二：
CODE:
<style by tesion.>
th {font-weight: normal; text-align:left; background: #CCCCCC}
td {background: #FAFAFA}
</style>
<table>
<tr>
<th>第一个颜色</th>
</tr>
<tr>
<td>第二个颜色</td>
</tr>
<tr>
<th>第一个颜色</th>
</tr>
<tr>
<td>第二个颜色</td>
</tr>
<tr>
<th>第一个颜色</th>
</tr>
<tr>
<td>第二个颜色</td>
</tr>
</table>
用css实现单元格交替变色
标签: CSS
Apr.30.2005 something
作者:Aion 日期:2006-04-30 14:55
假期。发现如此期盼假期起来。可以兑现懒觉宣言，暂时和腰酸背痛脱离关系，实在是一件值得期待的事情。暂且不谈什么煞风景的毕业设计工作学习之类的话，至少能回家几天尝到久违的味道，赖在松软的床上不必但担心迟到...天哪，五一如此美好...
昨天晚上挂在网上，和人聊天。最近认识一个人，名字很有意思，同样人也很特别。名字叫：小恶魔...Faint，这个词汇曾经用来称呼过一个朋友... >_< 说真的，此时此刻的状态写不出和她聊天时候的感觉，就好像马上要放假了很涣散的忘掉了昨天种种的情绪...
她是一个很特别的，或者说曾经受过伤害，现在用很特别的眼光看待这个世界的人。现实而又不现实的矛盾，真与假的生活，自由与束缚的游戏。每每看她BLOG的时候都去想这个世界原来的样子。其实聊天也是积极的，至少都是鼓励我好好的对待自己的生活。有一些话很对，人么，不为自己，能为谁？能为得了谁？如果不懂得让自己过得好，就如同以
昨天晚上挂在网上，和人聊天。最近认识一个人，名字很有意思，同样人也很特别。名字叫：小恶魔...Faint，这个词汇曾经用来称呼过一个朋友... >_< 说真的，此时此刻的状态写不出和她聊天时候的感觉，就好像马上要放假了很涣散的忘掉了昨天种种的情绪...
她是一个很特别的，或者说曾经受过伤害，现在用很特别的眼光看待这个世界的人。现实而又不现实的矛盾，真与假的生活，自由与束缚的游戏。每每看她BLOG的时候都去想这个世界原来的样子。其实聊天也是积极的，至少都是鼓励我好好的对待自己的生活。有一些话很对，人么，不为自己，能为谁？能为得了谁？如果不懂得让自己过得好，就如同以
用javascript进行拖拽
作者:Aion 日期:2006-04-30 09:26
Endless Story --伊藤由奈 [ NANA 世上的另一个我 OST ]
作者:Aion 日期:2006-04-28 18:54
[wma=450,70]http://photo.eastgame.net/tongluoweimen/ENDLESS_STORY.mp3[/wma]
词曲:dawn ann thomas
演唱:伊藤由奈
伊藤由奈-endless stoty
if you haven't change your mind
そばにいてほしいよ tonight
强がることに疲れたの
幼すぎたの everytime i think about you baby
今なら言える i miss you
it is hard to say i'm sorry
たとえば谁かのためじゃなくあなたのために
歌いたいこの歌を
终わらないstory綼くこの辉さに
always 传えたいずっ
词曲:dawn ann thomas
演唱:伊藤由奈
伊藤由奈-endless stoty
if you haven't change your mind
そばにいてほしいよ tonight
强がることに疲れたの
幼すぎたの everytime i think about you baby
今なら言える i miss you
it is hard to say i'm sorry
たとえば谁かのためじゃなくあなたのために
歌いたいこの歌を
终わらないstory綼くこの辉さに
always 传えたいずっ
FIRST KISS -- あぁ！
作者:Aion 日期:2006-04-27 22:53
[wma=450,70]http://202.101.165.251:83/show/30mp3/20060313060856_318105_1956438399.mp3[/wma]
どうして 恋人になれないの？
じゃ どうして 口づけをしたの？ あの夜
他に 好きな人がいたの 私
なのに 心奪われた
いつもの仲間と一緒に ドライブしたり
賑やかなままがよかった
あのキスで 変わった
あなたをまっすぐ見れない
みんなとのバカ話も笑えない
自然に話しかけてく
あなたが怖い
あの夜に ねえ 戻して
口付けの 前に 戻して
どうして 二人では会えないの？
じゃ どうして 電話してくるの？ たまに
別に はじめてじゃないってことで
みんなにそう言ってるし...
どうして 恋人になれないの？
じゃ どうして 口づけをしたの？ あの夜
他に 好きな人がいたの 私
なのに 心奪われた
いつもの仲間と一緒に ドライブしたり
賑やかなままがよかった
あのキスで 変わった
あなたをまっすぐ見れない
みんなとのバカ話も笑えない
自然に話しかけてく
あなたが怖い
あの夜に ねえ 戻して
口付けの 前に 戻して
どうして 二人では会えないの？
じゃ どうして 電話してくるの？ たまに
別に はじめてじゃないってことで
みんなにそう言ってるし...
标签: JP.POP
Apr.26.2006 Frazzle
作者:Aion 日期:2006-04-26 14:53
从刚开始那阵子工作时候的明显亢奋,现在的我开始越发的疲劳起来.每天在电脑面前写程序,回到家面对的还是电脑,不是对电脑没感情,只是觉得对这着屏幕的热情开始消退了.学校不肯放松毕业设计,拖着拽着要我们每周回去学校形式报道.其实我也没怎么做,但是还要帮别人做毕业设计...在公司每天做的就是PHP程序，好多问题接踵而来，每天有些突破就能小开心一阵子也好，但是发现越往后有小突破的机会就越少...开始分配的那个小搜索引擎的基本功能差不多做好了.弯路走了不少.所以越发疲态显现,现在回到家就真想躺在床上不想动.直挺挺装回尸体...
鸟和C因为毕业设计，公司要他们毕业以后再来续约.貌似只有我一个人每天要上下班的赶车了.刘烨倒也心安理得的般的舒坦,每天就是魔兽世界.而我现在每天回家开电脑就剩下打一下游戏发泄发<雪风><死神>
鸟和C因为毕业设计，公司要他们毕业以后再来续约.貌似只有我一个人每天要上下班的赶车了.刘烨倒也心安理得的般的舒坦,每天就是魔兽世界.而我现在每天回家开电脑就剩下打一下游戏发泄发<雪风><死神>
Glamorous Sky -- 中岛美嘉 [ NANA 世上的另一个我 OST ]
作者:Aion 日期:2006-04-25 21:51
[wma=450,70]http://202.101.237.119/ftp/chilli/glamoroussky_full_Version.mp3[/wma]
看完了NANA，说真的我没有太看懂，这个留在电脑里面很久了的电影。我不明白这个爱情故事的含义，不明白两个NANA的交错的际遇，不明白NANA坚持的自我与对莲的感情的冲突。。。不过，中岛美嘉的歌声还是不错的。。。
词：矢泽爱 曲：HYDE
歌：中岛美嘉
开け放した窓に 廻る乱舞のDEEP SKY
AH 仰いで...
缲り返す日々に 何の意味があるの？
AH 叫んで
飞び出す GO
履き溃した ROCKING SHOES
跳ね上げる PUDDLE
フラッシュバック
君
看完了NANA，说真的我没有太看懂，这个留在电脑里面很久了的电影。我不明白这个爱情故事的含义，不明白两个NANA的交错的际遇，不明白NANA坚持的自我与对莲的感情的冲突。。。不过，中岛美嘉的歌声还是不错的。。。
词：矢泽爱 曲：HYDE
歌：中岛美嘉
开け放した窓に 廻る乱舞のDEEP SKY
AH 仰いで...
缲り返す日々に 何の意味があるの？
AH 叫んで
飞び出す GO
履き溃した ROCKING SHOES
跳ね上げる PUDDLE
フラッシュバック
君
